@charset "UTF-8";
:root{--paper:#f7f5ef;--ink:#242720;--muted:#686c61;--line:#d8d9cc;--accent:#ad5e43;--clay:#ddbfaa;--sage:#d9ddce;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:focus:not(:focus-visible){outline:none}::selection{background:#e2bea6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.05}h2{font-size:clamp(36px,4.3vw,60px)}h3{font-size:30px}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow,.small-label{text-transform:uppercase;font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:500}.eyebrow{margin-bottom:25px}.small-label{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:15px;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:6px;white-space:nowrap}.text-link:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.text-link span{font-size:22px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:30;left:15px;top:-80px;padding:12px 20px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:35px;line-height:1;letter-spacing:-.015em;font-weight:600}.wordmark:hover{text-decoration:none}.wordmark svg{height:24px;width:24px;fill:var(--ink)}.wordmark .mark-cut{fill:var(--paper)}.site-header nav{display:flex;gap:8px;align-items:center}.site-header nav a{border:1px solid var(--line);padding:6px 15px;border-radius:30px;font-size:12px;white-space:nowrap;transition:background .2s,border-color .2s}.site-header nav a:hover{background:#eae9e1;text-decoration:none;border-color:#babeb0}.site-header nav .nav-cta{background:var(--ink);color:var(--paper);border-color:var(--ink);margin-left:8px}.nav-cta span{margin-left:12px}.site-header nav .nav-cta:hover{background:#414639;color:var(--paper)}.menu-toggle{display:none}.hero{padding-top:67px;padding-bottom:63px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px;vertical-align:2px}.hero h1{font-size:clamp(45px,5.2vw,74px);line-height:1.07;max-width:1130px;letter-spacing:-.05em}.hero h1 .serif{display:block;margin-top:4px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:37px}.hero-bottom p{font-size:16px;line-height:1.6;max-width:470px;color:#555b50}.hero-bottom .text-link{margin-bottom:4px}

.workspace{padding-top:120px}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-items:end}.section-intro .eyebrow{grid-column:1/-1}.section-intro>p:last-child{max-width:390px;font-size:17px;color:#676d5f;line-height:1.65;padding-bottom:3px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:48px 0 53px;margin-top:55px}.feature-row+.feature-row{margin-top:0}.feature-title{display:flex;align-items:start;gap:43px}.section-number{font:11px/1.7 "Courier New",monospace;color:#8a907e;padding-top:4px}.feature-title h3{font-size:clamp(30px,3.2vw,44px)}.feature-body>p{font-size:16px;line-height:1.7;color:#626a59;max-width:450px}.interface-map{margin-top:30px;display:flex;align-items:center;justify-content:space-between;max-width:430px;gap:20px}.map-screen,.map-source{width:43%;min-height:130px;padding:16px;border:1px solid #d2d6c8;background:#efefe6}.map-screen>span,.map-source>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;display:block;color:#7a846c}.map-screen i{display:block;background:#d9dfcb;margin-top:8px;height:11px}.map-screen i:nth-child(2){width:60%;height:22px;margin-top:16px}.map-screen i:nth-child(4){width:75%;background:#c1cbaa}.map-source{background:#e5e9dc}.map-source code{font:11px/1.7 "Courier New",monospace;display:block;margin-top:13px;color:#647451}.map-connector{font-size:24px;color:#909b7d}.design-comparison{display:flex;gap:15px;max-width:430px;margin-top:30px}.design-comparison>div{width:50%;padding:15px;background:#e9e8e0;min-height:156px}.design-comparison>div:last-child{background:#e1c7b1}.design-comparison span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#736d60;margin-bottom:18px}.design-comparison strong{font:24px/1 var(--sans);letter-spacing:-.05em;font-weight:500}.design-comparison>div:last-child strong{font-family:var(--serif);font-size:28px;letter-spacing:-.05em}.design-comparison em{font-weight:400}.design-comparison i{display:block;width:45px;height:6px;background:#9b9e8c;margin-top:15px}.design-comparison>div:last-child i{background:#8c563a}.decision-line{margin-top:35px;display:flex;align-items:center;gap:15px;border-top:1px solid #d6d9cb;border-bottom:1px solid #d6d9cb;padding:21px 0;max-width:450px}.decision-mark{height:35px;width:35px;border-radius:50%;border:1px solid #b6bea6;display:grid;place-items:center;background:#e6eadb;color:#6c7c59}.decision-line strong{font-size:14px;font-weight:500}.decision-line p{font-size:10px;margin-top:3px;color:#8a927c}.decision-line>span:last-child{margin-left:auto;font-size:20px;color:#7c886b}.audiences{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line);margin-top:40px}.audience-intro h2{max-width:600px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.audience-grid article+article{border-left:1px solid var(--line);padding-left:36px}.audience-symbol{font-size:42px;line-height:1;margin-bottom:36px;display:block;color:#8b977c}.audience-grid .small-label{font-size:9px;margin-bottom:17px}.audience-grid h3{font-size:30px;letter-spacing:-.04em}.audience-grid article>p:last-child{color:#717965;font-size:14px;line-height:1.75;max-width:285px;margin-top:20px}.next-chapter{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding:65px 0 90px;border-top:1px solid var(--line)}.next-chapter .eyebrow{padding-top:9px}.next-chapter h2{font-size:43px}.next-chapter>div>p{font-size:16px;color:#6b735e;max-width:610px;line-height:1.7;margin-top:25px}.next-chapter .text-link{margin-top:28px;font-size:13px}.early-access{background:var(--clay);padding:80px 0}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.access-copy{padding-top:20px}.access-copy h2{font-size:clamp(44px,5vw,68px)}.access-copy>p:not(.eyebrow){max-width:350px;font-size:16px;line-height:1.7;margin-top:30px;color:#62564b}.access-note{display:block;font-size:10px;margin-top:46px;text-transform:uppercase;letter-spacing:.09em;color:#81715f}.registration-form{background:#f9f7f0;padding:35px 36px 27px;border:1px solid #c7ab95}.registration-form h3{font:30px/1.1 var(--serif);letter-spacing:-.04em}.form-intro{font-size:12px;color:#8b8d7c;margin:10px 0 28px}.field{margin-top:19px}.field label{display:block;font-size:11px;margin-bottom:8px;font-weight:500}.field .optional{font-size:10px;color:#999d8c;margin-left:6px;font-weight:400}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #cfd2c4;background:#f9f8f2;border-radius:0;padding:12px 13px;font-size:13px;line-height:1.5;min-height:45px}.field textarea{resize:vertical;min-height:100px}.field input::placeholder,.field textarea::placeholder{color:#a0a592}.field select{cursor:pointer}.field input:focus,.field select:focus,.field textarea:focus{outline:1px solid #8f9b7c;outline-offset:0}.optional-message{margin-top:21px}.optional-message summary{font-size:11px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none;border-bottom:1px solid #d8dbcd;padding-bottom:9px}.optional-message summary:before{content:"+";margin-right:1px}.optional-message[open] summary:before{content:"−"}.optional-message summary span{color:#989e89;font-size:10px;margin-left:auto}.optional-message .field{margin-top:12px}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.consent{display:flex;align-items:start;gap:9px;font-size:10px;line-height:1.7;color:#7b816d;margin-top:22px}.consent input{accent-color:#464f3b;flex:0 0 auto;margin:3px 0 0;width:13px;height:13px}.consent a{text-decoration:underline;text-underline-offset:2px}.button{width:100%;padding:13px 17px;border:0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;margin-top:23px;min-height:47px}.button-dark{background:var(--ink);color:#faf9f1}.button-dark:hover{background:#434b38}.button span:last-child{font-size:20px}.form-status{font-size:12px;line-height:1.65;margin-top:14px;min-height:0}.form-status:empty{display:none}.form-status[data-state="error"]{color:#984b35}.form-status[data-state="success"]{padding:12px;background:#e5ead9;color:#4e623c;border-left:2px solid #748d58}.form-status a{text-decoration:underline}form[aria-busy="true"]{opacity:.8}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:90px;padding-bottom:85px}.faq h2{font-size:44px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:start;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:14px}.faq summary::-webkit-details-marker,.optional-message summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;font-weight:400;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.8;margin:15px 30px 0 0;color:#788168}.faq a{text-decoration:underline}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:38px;padding-top:35px;padding-bottom:45px}.site-footer .wordmark{font-size:35px;gap:0}.footer-dot{color:var(--accent)}.site-footer>p{font:14px var(--serif);color:#828b72}.site-footer nav{margin-left:auto;display:flex;gap:22px;font-size:10px;color:#7c846d}.site-footer nav span{color:#9ba38b}.document-main{padding:65px 0 90px;max-width:850px;margin:auto}.document-main h1{font-size:clamp(46px,5vw,66px);margin-bottom:22px}.document-main .document-lead{font:25px/1.4 var(--serif);max-width:700px;color:#6a735d}.document-main article{margin-top:45px}.document-main article h2{font-size:25px;letter-spacing:-.03em;margin-bottom:15px}.document-main article p,.document-main article li{font-size:14px;line-height:1.9;color:#717a62}.document-main article p+p{margin-top:14px}.document-main a{text-decoration:underline;text-underline-offset:3px}.document-main .registration-form{margin-top:35px;max-width:600px}.document-main .eyebrow{margin-bottom:22px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:65px;padding-bottom:90px}.contact-layout h1{font-size:60px}.contact-layout .serif{display:block}.contact-layout .contact-intro{color:#788168;font-size:16px;line-height:1.7;max-width:340px;margin-top:25px}.contact-layout .contact-note{font-size:12px;color:#969e86;margin-top:25px;max-width:350px}
@media(min-width:1500px){.hero{padding-top:85px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.hero h1{font-size:58px}.section-intro,.feature-row{gap:60px}.feature-title{gap:25px}.audience-grid{gap:30px}.audience-grid article+article{padding-left:25px}.access-grid{gap:65px}.registration-form{padding:30px}.next-chapter{gap:45px}.faq{gap:65px}.site-footer{gap:25px}.site-footer>p{font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:80px;position:relative;flex-wrap:wrap;gap:0}.wordmark{font-size:32px}.wordmark svg{height:22px;width:22px}.menu-toggle{display:flex;border:1px solid var(--line);background:transparent;border-radius:25px;padding:6px 13px;gap:14px;align-items:center;font-size:12px}.menu-toggle span{font-size:18px;line-height:1}.site-header nav{width:100%;display:none;padding:15px 0 22px;gap:9px;flex-wrap:wrap}.site-header nav[data-open="true"]{display:flex}.site-header nav .nav-cta{margin-left:0}.hero{padding-top:43px;padding-bottom:36px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:20px;max-width:310px}.hero h1{font-size:clamp(36px,6.9vw,51px);line-height:1.09;letter-spacing:-.055em}.hero h1 .serif{margin-top:7px}.desktop-break{display:none}.hero-bottom{display:block;margin-top:25px}.hero-bottom p{font-size:14px;max-width:420px}.hero-bottom .text-link{margin-top:23px;font-size:13px}.workspace{padding-top:70px}.section-intro{display:block}.section-intro h2{font-size:38px}.section-intro>p:last-child{margin-top:25px;max-width:450px;font-size:15px}.feature-row{display:block;margin-top:35px;padding:30px 0 35px}.feature-title{gap:22px}.feature-title h3{font-size:33px}.feature-body{margin-top:25px}.feature-body>p{font-size:14px;line-height:1.75}.interface-map,.design-comparison{margin-top:24px;max-width:100%}.map-screen,.map-source{min-height:120px}.decision-line{margin-top:25px}.audiences{padding-top:45px;padding-bottom:50px;margin-top:15px}.audience-intro h2{font-size:38px}.audience-grid{grid-template-columns:1fr;margin-top:35px;gap:0}.audience-grid article{display:grid;grid-template-columns:43px 1fr;column-gap:20px;padding:25px 0;border-top:1px solid var(--line)}.audience-grid article+article{border-left:0;padding-left:0}.audience-symbol{font-size:32px;grid-row:1/4;margin:6px 0 0}.audience-grid .small-label{font-size:8px;margin-bottom:10px}.audience-grid h3{font-size:29px}.audience-grid article>p:last-child{font-size:13px;max-width:400px;margin-top:15px}.next-chapter{display:block;padding:40px 0 55px}.next-chapter .eyebrow{padding:0;margin-bottom:22px}.next-chapter h2{font-size:34px}.next-chapter>div>p{font-size:14px;margin-top:20px}.early-access{padding:45px 0}.access-grid{grid-template-columns:1fr;gap:35px}.access-copy{padding:0}.access-copy h2{font-size:45px}.access-copy>p:not(.eyebrow){font-size:14px;margin-top:22px;max-width:430px}.access-note{margin-top:22px;font-size:8px}.registration-form{padding:27px 23px 25px}.registration-form h3{font-size:29px}.field{margin-top:20px}.field input,.field select,.field textarea{font-size:16px;min-height:48px}.consent{font-size:11px;line-height:1.7}.consent input{width:15px;height:15px}.button{font-size:14px;min-height:49px}.faq{display:block;padding-top:55px;padding-bottom:50px}.faq h2{font-size:38px;margin-bottom:30px}.faq details{padding:18px 0}.faq summary{font-size:13px}.faq details p{font-size:12px;margin-right:15px}.site-footer{flex-wrap:wrap;gap:20px;padding-top:28px;padding-bottom:30px}.site-footer .wordmark{font-size:32px}.site-footer>p{margin-left:auto;font-size:11px}.site-footer nav{width:100%;margin:0;gap:20px;font-size:10px}.site-footer nav span{margin-left:auto}.document-main{width:calc(100% - 40px);padding-top:40px;padding-bottom:60px}.document-main .document-lead{font-size:22px}.document-main article{margin-top:35px}.document-main article h2{font-size:24px}.document-main article p,.document-main article li{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:55px}.contact-layout h1{font-size:48px}.contact-layout .contact-intro{font-size:14px;max-width:450px}.contact-layout .contact-note{font-size:11px}}
@media(max-width:370px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:34px}.hero .eyebrow{font-size:7px}.access-copy h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.site-header nav:not(#main-nav){display:flex;width:auto;padding:0;gap:6px}.site-header nav:not(#main-nav) a{font-size:10px;padding:6px 10px}.site-header nav:not(#main-nav) .nav-cta{margin-left:0}}.field [aria-invalid="true"]{border-color:#984b35;outline-color:#984b35}


/* Product lifecycle film. Cards remain useful as a static illustration without JS. */
.product-assembly{padding-top:12px}.assembly-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:34px}.assembly-intro .eyebrow{margin-bottom:18px}.assembly-intro h2{font-size:clamp(34px,4vw,54px)}.assembly-intro>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:370px}
.workflow-film{border:1px solid #d8d9cc;background:radial-gradient(ellipse at 45% 40%,#e5e8db 0, #eeeee5 60%,#f2f0e9 100%);padding:21px 28px 18px;overflow:hidden;isolation:isolate}.film-top,.film-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px/1.5 var(--sans);color:#606b57}.film-top{border-bottom:1px solid #d6d9cc;padding-bottom:14px}.film-product{font-size:14px;color:#30392b;display:flex;align-items:center;gap:10px}.film-product i{height:7px;width:7px;border-radius:50%;background:#78885f}.film-product small{font-size:8px;letter-spacing:.12em;color:#78816e;margin-left:12px}#film-phase{font:10px/1.5 'Courier New',monospace;letter-spacing:.08em}.film-bottom{padding-top:12px;min-height:42px}.film-counter{white-space:nowrap;letter-spacing:.15em;color:#8e9683}
.workflow-board{position:relative;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:34px 42px;padding:38px 14px 25px;perspective:1600px}.work-block{position:relative;z-index:2;min-width:0;background:#faf9f3;border:1px solid #c7cdbb;border-radius:5px;padding:15px 16px 12px;box-shadow:0 7px 14px -12px #25322477;transform-origin:center;will-change:transform;min-height:151px}.work-block header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font:9px/1.3 var(--sans);color:#728164}.work-block header>span{text-transform:uppercase;letter-spacing:.055em}.work-block header b{font-size:8px;font-weight:400;white-space:nowrap;padding:3px 5px;background:#e9ecdf;color:#59694b;border-radius:3px}.work-block h3{font:25px/1.04 var(--serif);letter-spacing:-.04em;color:#35432b}.work-block p{font-size:10px;line-height:1.5;color:#7c846f;margin-top:11px}.block-foot{font-size:8px;line-height:1.5;color:#89917d;border-top:1px solid #e0e3d7;padding-top:8px;margin-top:10px}.brief-tags{display:flex;gap:6px;margin-top:10px}.brief-tags span{font-size:7px;padding:3px 5px;border:1px solid #dce0d2}.mini-map{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:28px}.mini-map span{font-size:11px;padding:9px 12px;background:#edf0e4;border:1px solid #d2d9c5;border-radius:4px}.mini-map i{font-size:16px;color:#8d9b7c;font-style:normal}.design-sample{display:flex;align-items:center;justify-content:space-between}.design-sample em{font:47px/1 var(--serif);font-style:normal;letter-spacing:-.06em}.swatches{display:flex;gap:6px}.swatches i{width:22px;height:34px;background:#d2d8c2}.swatches i:nth-child(2){background:#ad684a}.swatches i:nth-child(3){background:#39442f}
.block-screen{padding-bottom:15px}.mini-screen{background:#f0eee5;border:1px solid #e0dfd2;padding:9px 13px;min-height:145px}.mini-window{font-size:7px;color:#8e917f;display:flex;justify-content:space-between}.mini-window span{font-size:6px}.mini-screen h4{font:25px/1 var(--serif);font-weight:400;letter-spacing:-.05em;margin:17px 0 10px;color:#6a705f}.note-lines i{display:block;height:3px;background:#dbdecf;width:80%;margin-bottom:5px}.note-lines i:last-child{width:55%}.demo-save{display:inline-block;font-size:8px;margin-top:8px;border:1px solid #bbc5ac;color:#768366;padding:4px 12px}.workflow-film[data-designed="true"] .mini-screen{background:#f5efdf}.workflow-film[data-designed="true"] .mini-screen h4{color:#3b4a30}.workflow-film[data-designed="true"] .demo-save{background:#66794f;color:#fff;border-color:#66794f}.workflow-film[data-saved="true"] .demo-save{background:#34472c;border-color:#34472c}
.block-code{background:#28322a;border-color:#28322a;color:#dbe4cd}.block-code header{color:#a4b396;margin-bottom:12px}.block-code header b{color:#c6d5b8;background:#3b4838}.code-tab{font:9px/1.4 'Courier New',monospace;color:#e0d7b9;display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #46503e}.code-tab span{color:#8e9a83;font-size:8px}.block-code pre{margin:12px 0 0;min-height:111px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 'Courier New',monospace;color:#c1d3aa}.typing-caret{color:#ddb58d}.workflow-film[data-typing="false"] .typing-caret{visibility:hidden}.block-code .block-foot{border-color:#46503e;color:#9cad8b}.api-route{font:15px/1.4 'Courier New',monospace;margin-top:30px;color:#495b3e}.api-route>span{font-size:9px;color:#956347;background:#efdfcd;padding:4px 7px;margin-right:6px}.api-rule{display:flex;gap:8px;font-size:10px;margin:16px 0 0;color:#77886b}.api-rule i{font-style:normal}.data-table{display:grid;grid-template-columns:1fr 1fr;font:10px/1.4 'Courier New',monospace;border:1px solid #dce0d2;margin-top:20px}.data-table span{padding:7px;border-bottom:1px solid #e1e5d6}.data-table span:first-child{background:#e8ecdd;color:#5b7149}.check-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e4d6;font-size:11px;color:#637453}.check-row b{font-size:10px;font-weight:400}.work-block[data-alert="true"]{border-color:#ad684a;background:#f7ede2}.work-block[data-alert="true"] header b{background:#e9cbb5;color:#8f4d30}.block-release h3{font-size:21px;max-width:180px}.release-symbol{font:28px/1 var(--serif);float:right;color:#859672;margin-top:8px}.work-block[data-active="true"]{border-color:#859972;box-shadow:0 8px 24px -14px #4d643a88}.block-code[data-active="true"]{border-color:#98ae83;box-shadow:0 0 0 2px #a9b59755}.workflow-film[data-released="true"] .block-release{background:#e0e7d3;border-color:#84996d}
.axon-network{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.axon{fill:none;stroke:#7c9467;stroke-linecap:round;stroke-linejoin:round}.axon-main{stroke-width:1.6}.axon-branch{stroke-width:.8;stroke-opacity:.7}.axon-myelin{stroke-width:5;stroke-opacity:.24;stroke-dasharray:8 9}.axon-main,.axon-branch{stroke-dasharray:1;vector-effect:non-scaling-stroke}.axon-bulb{fill:#f6f4eb;stroke:#82986b;stroke-width:1.2}.axon-pulse{fill:#a36b45;stroke:#f5ebd8;stroke-width:1.3}.axon[data-active="true"] .axon-main{stroke:#9d704d;stroke-width:2}.axon[data-active="true"] .axon-myelin{stroke:#ac7954;stroke-opacity:.35}
.assembly-toolbar{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.assembly-toolbar[hidden],.assembly-steps[hidden]{display:none}.animation-button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:7px 0;font-size:12px;white-space:nowrap;min-height:36px}.animation-button:hover{color:var(--accent)}.speed-button{border:1px solid #d6dbc9;border-radius:20px;padding:4px 10px;min-width:42px;justify-content:center}.assembly-progress{width:min(220px,24%);margin-left:auto;height:3px;accent-color:#65795a}.assembly-note{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#818b73}.assembly-steps{display:flex;gap:7px;flex-wrap:wrap;padding-top:18px}.assembly-steps button{font-size:11px;background:none;border:1px solid #d7ddcc;border-radius:30px;padding:8px 12px;display:inline-flex;gap:8px;align-items:center}.assembly-steps button>span{font:9px 'Courier New',monospace;color:#8b967d}.assembly-steps button[aria-current]{background:#e3e9d7;border-color:#9caa8b;color:#3e5431}.assembly-caption{font-size:15px;line-height:1.7;color:#65705a;margin-top:18px;max-width:800px;min-height:50px}.assembly-readiness{font-size:10px;line-height:1.6;color:#7f8972;margin-top:8px}
@media(max-width:1100px){.workflow-film{padding:18px}.workflow-board{gap:26px 25px;padding:32px 8px 20px}.work-block{padding:12px}.work-block header{font-size:8px}.mini-map span{padding:7px}.block-code pre{font-size:10px}.assembly-intro{gap:45px}}
@media(max-width:760px){.assembly-intro{display:block;margin-bottom:25px}.assembly-intro h2{font-size:37px}.assembly-intro>p{font-size:14px;margin-top:20px}.workflow-film{padding:14px 11px 10px}.film-product{font-size:12px}.film-product small{display:none}#film-phase{font-size:8px}.workflow-board{grid-template-columns:1fr 1fr;gap:24px 17px;padding:25px 4px 16px}.work-block{padding:10px;min-height:137px}.work-block header{display:block;font-size:8px;margin-bottom:12px}.work-block header b{display:inline-block;margin-top:6px;font-size:7px}.work-block h3{font-size:24px}.work-block p{font-size:9px}.brief-tags{flex-wrap:wrap;gap:3px}.brief-tags span{font-size:6px}.block-foot{font-size:7px}.mini-map{gap:3px;margin-top:18px}.mini-map span{font-size:8px;padding:6px 5px}.mini-map i{font-size:11px}.design-sample em{font-size:36px}.swatches{gap:4px}.swatches i{width:15px;height:28px}.mini-screen{padding:8px;min-height:124px}.mini-screen h4{font-size:22px;margin-top:13px}.block-code{grid-column:1/-1}.block-code header{display:flex;align-items:center;margin-bottom:10px}.block-code header b{margin:0}.block-code pre{font-size:12px;min-height:120px}.code-tab{font-size:10px}.block-code .block-foot{font-size:8px}.api-route{font-size:12px;margin-top:19px}.api-route>span{font-size:8px;padding:3px 5px}.api-rule{font-size:9px;gap:5px}.data-table{font-size:8px;margin-top:17px}.data-table span{padding:6px}.check-row{font-size:9px}.check-row b{font-size:8px}.block-release h3{font-size:22px}.film-bottom{font-size:9px;gap:10px;min-height:43px}.film-counter{display:none}.assembly-toolbar{gap:17px}.animation-button{font-size:11px}.assembly-note{display:none}.assembly-progress{width:100%;min-width:30px;max-width:140px}.assembly-steps{gap:6px}.assembly-steps button{font-size:10px;padding:7px 10px}.assembly-caption{font-size:14px;min-height:70px}.assembly-readiness{font-size:9px}.axon-myelin{stroke-width:3}.axon-main{stroke-width:1.2}}
/* The connected fragments become one complete product at release. */
.product-finale{position:absolute;z-index:4;inset:32px 8px 20px;display:flex;flex-direction:column;border:1px solid #b9c3ab;background:#f9f7ef;box-shadow:0 30px 65px -35px #34472c88;border-radius:9px;overflow:hidden;opacity:0;pointer-events:none;transform-origin:center}.final-window{display:flex;align-items:center;gap:20px;padding:12px 17px;border-bottom:1px solid #d9dece;background:#f1f2e9;font-size:9px;color:#7b866c}.window-dots{font-size:8px;letter-spacing:4px;color:#bac3ad}.final-live{margin-left:auto;color:#69854c;font-size:8px}.final-app{display:flex;flex:1;min-height:0}.final-nav{width:19%;flex-shrink:0;background:#e7ecdc;border-right:1px solid #d4ddc6;padding:25px 16px;position:relative;color:#677856;font-size:10px}.final-nav strong{font:23px/1 var(--serif);letter-spacing:-.05em;color:#384a2b;display:flex;justify-content:space-between}.final-nav strong span{color:#97a77f}.final-nav p{font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin:27px 0 11px;color:#92a07f}.final-nav>div{padding:9px 8px;font-size:9px;margin-bottom:3px}.final-nav .selected{background:#d4dfc4;border-radius:4px;color:#405b2e}.final-nav b{float:right;font-size:8px;font-weight:400}.final-nav>small{position:absolute;bottom:24px;font:9px/1.5 var(--serif);max-width:105px;color:#8d9c7c}.final-main{flex:1;min-width:0;padding:23px 30px}.final-breadcrumb{font-size:9px;color:#8c977d;display:flex;justify-content:space-between}.final-breadcrumb span{font-size:8px;border:1px solid #e1e4d6;padding:4px 9px}.final-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 30px;gap:10px}.final-heading p{font-size:8px;letter-spacing:.12em;color:#8b977c;margin-bottom:12px}.final-heading h3{font:clamp(26px,3.4vw,46px)/1.05 var(--serif);letter-spacing:-.055em;color:#35472c}.final-new{font-size:9px;white-space:nowrap;background:#3f5533;color:#f4f5eb;padding:9px 14px}.final-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.final-notes article{padding:20px 18px 17px;background:#e6ebd8;min-height:210px;border:1px solid #d6dec5}.final-notes article:nth-child(2){background:#eedccd;border-color:#e2cbb9}.final-notes article:nth-child(3){background:#eae7d7;border-color:#dedbc9}.final-notes article>span{font-size:7px;letter-spacing:.08em;color:#7c886c}.final-notes h4{font:27px/1.05 var(--serif);font-weight:400;letter-spacing:-.045em;margin:25px 0 15px;color:#49563a}.final-notes p{font-size:10px;line-height:1.75;color:#7d866e}.final-notes small{display:block;font-size:7px;margin-top:27px;color:#8a947a}.final-saved{margin-top:24px;padding:15px 0;border-top:1px solid #dce0d0;display:flex;align-items:center;gap:12px}.final-saved>span{background:#dce8cd;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#5e7e42;font-size:12px}.final-saved strong{font-size:11px;font-weight:400;color:#536846}.final-saved p{font-size:8px;color:#9aa28e;margin-top:3px}.final-saved>small{margin-left:auto;color:#819270;font-size:7px}.final-product-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-top:1px solid #d7dfcb;background:#f0f3e7;gap:16px}.final-product-caption>span{font-size:8px;color:#81916f}.final-product-caption>strong{font:20px/1.1 var(--serif);letter-spacing:-.03em;color:#465c35}.final-next{opacity:0}.workflow-film[data-evolving="true"] .final-next{opacity:1}
@media(max-width:1100px){.final-main{padding:20px}.final-notes article{padding:15px 12px}.final-notes h4{font-size:24px}.final-nav{padding:23px 10px}.final-nav strong{font-size:20px}}
@media(max-width:760px){.product-finale{inset:27% 0 auto;min-height:440px}.final-window{padding:10px;gap:8px;font-size:8px}.window-dots{font-size:6px;letter-spacing:2px}.final-live{font-size:7px}.final-nav{display:none}.final-main{padding:17px 14px}.final-breadcrumb{font-size:8px}.final-breadcrumb span{font-size:7px}.final-heading{margin:25px 0 20px;align-items:center}.final-heading h3{font-size:30px;max-width:180px}.final-heading p{font-size:6px;margin-bottom:9px}.final-new{font-size:7px;padding:7px 8px}.final-notes{gap:7px;grid-template-columns:1fr 1fr}.final-notes article{min-height:180px;padding:14px 11px}.final-notes article:last-child{display:none}.final-notes h4{font-size:23px;margin:20px 0 13px}.final-notes p{font-size:9px}.final-notes article>span,.final-notes small{font-size:6px}.final-notes small{margin-top:21px}.final-saved{margin-top:17px;padding:13px 0 0}.final-saved strong{font-size:10px}.final-saved p{font-size:7px}.final-saved>small{display:none}.final-product-caption{padding:15px 12px;flex-wrap:wrap;gap:8px}.final-product-caption>strong{font-size:23px;order:-1;width:100%;text-align:center}.final-product-caption>span{font-size:7px}.final-next{margin-left:auto}}
.film-static-fallback[data-released="true"] .product-finale{opacity:1;transform:scale(1)}
.film-static-fallback[data-released="true"] .work-block{opacity:0}
/* Signal transport and local responses share the film's seekable clock. */
.axon-main{stroke-width:1.7}.axon-myelin{stroke-width:5.5;stroke-opacity:.28}.axon-flow{fill:none;stroke:#ba8651;stroke-width:3;stroke-linecap:round;stroke-dasharray:.1 .23;vector-effect:non-scaling-stroke}.axon-pulse{fill:#c2955b;stroke:#fff9de;stroke-width:1}.axon-delivery{fill:#f3d18c;stroke:#a97640;stroke-width:1.6;filter:drop-shadow(0 0 3px #c7934d)}.axon-arrival{fill:none;stroke:#ad7945;stroke-width:1.6;vector-effect:non-scaling-stroke}.axon[data-active="true"] .axon-main{stroke:#92794e;stroke-width:2}.axon[data-active="true"] .axon-flow{stroke:#c29453}.work-block:after{content:"";position:absolute;inset:-2px;border:2px solid #b4965d;border-radius:6px;pointer-events:none;opacity:var(--receive,0);box-shadow:0 0 17px #bd9e6455}.block-code:after{border-color:#c8d99a}.block-activity{margin-top:12px;padding-top:8px;border-top:1px solid #dce1d1;min-height:29px;position:relative;color:#7d8a6d;font:8px/1.5 'Courier New',monospace;overflow:hidden}.block-activity>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-activity>i{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#a5b887;transform:scaleX(var(--work,0));transform-origin:left}.work-block[data-active="true"] .block-activity{color:#7b653d}.work-block[data-receiving="true"] .block-activity{background:#eee7cd}.block-code .block-activity{border-color:#45543c;color:#b2c395}.block-code[data-receiving="true"] .block-activity{background:#44543a;color:#e5eecf}.block-code pre{background:linear-gradient(90deg,rgba(155,183,114,.14),transparent);border-left:2px solid #76945966;padding-left:8px}.work-block[data-alert="true"] .block-activity>i{background:#b37b53}.note-lines{position:relative;min-height:20px}#note-preview{position:absolute;inset:0;font:8px/1.5 var(--sans);color:#748262;background:#f5efdf}.workflow-film[data-design-step="0"] #note-preview,.workflow-film[data-design-step="1"] #note-preview{display:none}.workflow-film[data-design-step="0"] .design-sample em{font-family:var(--sans);font-size:40px;color:#9b9d91}.workflow-film[data-design-step="0"] .swatches i{background:#dadbce}.workflow-film[data-design-step="1"] .design-sample em{font-family:var(--serif);color:#5e6c50}.workflow-film[data-design-step="1"] .swatches i{background:#c9cfbc}.workflow-film[data-design-step="2"] .swatches i:nth-child(2){background:#c7b596}.workflow-film[data-design-step="3"] .swatches i:nth-child(2){background:#ad684a}.workflow-film[data-design-step="0"] .mini-screen h4{font-family:var(--sans);font-size:21px;color:#acb19e}.workflow-film[data-design-step="0"] .mini-screen{background:#f0f0e7}.workflow-film[data-map-step="0"] .mini-map>span,.workflow-film[data-map-step="0"] .mini-map>i{opacity:.2;transform:scale(.85)}.workflow-film[data-map-step="1"] .mini-map>span:last-child,.workflow-film[data-map-step="1"] .mini-map>i:nth-of-type(2){opacity:.2;transform:scale(.85)}.workflow-film[data-map-step="2"] .mini-map>span:last-child{background:#dfe8cf;border-color:#93a67d}.workflow-film[data-map-step="3"] .mini-map>span{background:#e2ead7;border-color:#a8b995}.workflow-film[data-saved="true"] .data-table{border-color:#a3b68b}.workflow-film[data-saved="true"] .data-table span{color:#566e42;background:#e8eedf}.workflow-film[data-typing="true"] .block-code pre{border-left-color:#d0be81}.workflow-film[data-typing="true"] .typing-caret{color:#f4ce8d}
@media(max-width:760px){.block-activity{font-size:7px;min-height:27px;margin-top:9px}.block-code .block-activity{font-size:8px}.axon-flow{stroke-width:2}.axon-delivery{stroke-width:1}.axon-myelin{stroke-width:4}.axon-main{stroke-width:1.3}.workflow-film[data-design-step="0"] .design-sample em{font-size:32px}#note-preview{font-size:7px}}