.wr-tech-grid .tech-loop{margin:0 0 25px;width:100%;aspect-ratio:360/290;position:relative;overflow:hidden;border:1px solid #e4e1db;border-radius:8px;background:#f0efeb;color:#171717}
.tm-canvas{position:absolute;width:360px;height:260px;left:0;top:0;transform:scale(var(--scene-scale,1));transform-origin:top left;font-size:10px;line-height:1.35}
.tm-scene *{box-sizing:border-box}.tm-scene b,.tm-scene strong{font-weight:500}.tm-app{position:absolute;background:#fff;border:1px solid #d6d2cc;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px #1717170b}
.tm-bar{height:25px;border-bottom:1px solid #e5e2dd;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:8px}.tm-bar span{font-size:6px;color:#888}.tm-bar i{font-style:normal;color:#999}
.tm-button{background:#171717;color:#fff;padding:8px 10px;border-radius:3px;font-size:8px;font-weight:400;transition:background .45s,transform .45s}
.tm-caption{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:9px;color:#656565;background:#f0efeb;border-top:1px solid #e3e0da}
.tm-caption i{width:4px;height:4px;border-radius:50%;background:#ff5a2b}
.tm-cursor{position:absolute;width:19px;height:23px;z-index:8;fill:#171717;stroke:#fff;stroke-width:1.2;filter:drop-shadow(1px 2px 2px #0002);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .4s;opacity:0}
.tm-click{position:absolute;width:22px;height:22px;border:1px solid #ff5a2b;border-radius:50%;opacity:0;z-index:7}
.tm-click.pulse{animation:tm-click .7s ease-out}@keyframes tm-click{0%{opacity:.8;scale:.3}100%{opacity:0;scale:1.7}}
.tm-site{left:20px;top:24px;width:320px;height:212px;transition:transform .8s,box-shadow .8s}
.tm-wire{position:absolute;inset:42px 14px 33px;display:grid;grid-template-columns:1fr 1fr;gap:12px;opacity:1;transition:opacity .7s}
.tm-wire i{border:1px dashed #b8b1a8;border-radius:2px;background:linear-gradient(90deg,#ebe8e1 20%,#f8f7f5 50%,#ebe8e1 80%);background-size:250% 100%;animation:tm-shimmer 3s infinite}
@keyframes tm-shimmer{to{background-position:-250% 0}}
.tm-designed{position:absolute;inset:25px 0 27px;display:grid;grid-template-columns:1.12fr 1fr;opacity:0;transform:translateY(12px);transition:opacity .8s,transform .8s}
.tm-site-copy{padding:19px 13px}.tm-site-copy small{font-size:5px;color:#999}.tm-site-copy strong{display:block;font-size:17px;line-height:1.1;letter-spacing:-.5px;margin:8px 0}.tm-site-copy>span{font-size:6px;color:#888}.tm-choice{display:flex;gap:4px;margin:9px 0}.tm-choice i{font-size:6px;font-style:normal;padding:3px 6px;border:1px solid #ddd;border-radius:12px}.tm-choice i:first-child{color:#ff5a2b;border-color:#ff5a2b}.tm-site-copy .tm-button{font-size:6px;display:block;padding:6px;width:max-content}
.tm-photo,.tm-live-photo,.tm-cover i{background:url('assets/resonance-residence.webp') center/cover}
.tm-design-tools{position:absolute;bottom:0;height:27px;left:0;right:0;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:7px;color:#999}.tm-design-tools i{font-style:normal;color:#ff5a2b}
.tm-selection{position:absolute;left:70px;right:30px;top:55px;background:#fff;padding:18px;border:1px solid #e3dfd9;border-radius:5px;box-shadow:0 12px 25px #0002;opacity:0;transform:translateY(16px) scale(.94);transition:opacity .65s,transform .65s;z-index:4}
.tm-selection>span{font-size:7px;color:#999}.tm-selection strong{display:block;font-size:12px;margin:8px 0}.tm-selection>div{display:flex;gap:6px;margin-bottom:12px}.tm-selection i{font-style:normal;font-size:8px;border:1px solid #ddd;border-radius:3px;padding:6px}.tm-selection i:first-child{border-color:#ff5a2b;color:#ff5a2b}.tm-selection .tm-button{display:block}
.tm-scene-0 .tm-cursor{transform:translate(308px,207px)}.tm-scene-0 .tm-click{left:88px;top:164px}
.tm-scene-0[data-phase="1"] .tm-wire,.tm-scene-0[data-phase="2"] .tm-wire,.tm-scene-0[data-phase="3"] .tm-wire,.tm-scene-0[data-phase="4"] .tm-wire,.tm-scene-0[data-phase="5"] .tm-wire{opacity:0}
.tm-scene-0:not([data-phase="0"]) .tm-designed{opacity:1;transform:none}
.tm-scene-0[data-phase="2"] .tm-cursor,.tm-scene-0[data-phase="3"] .tm-cursor{opacity:1;transform:translate(98px,174px)}
.tm-scene-0[data-phase="2"] .tm-site-copy .tm-button,.tm-scene-0[data-phase="3"] .tm-site-copy .tm-button{background:#ff5a2b}
.tm-scene-0[data-phase="4"] .tm-selection,.tm-scene-0[data-phase="5"] .tm-selection{opacity:1;transform:none}
.tm-editor{left:14px;top:29px;width:174px;height:206px;padding-bottom:12px}.tm-editor>small{display:block;margin:12px 12px 8px;font-size:6px;color:#999}.tm-label{display:block;font-size:7px;color:#888;margin:8px 12px 4px}
.tm-input{height:25px;margin:0 12px;border:1px solid #ddd;border-radius:3px;padding:7px 6px;position:relative;font-size:8px;transition:border-color .4s}.tm-typed{position:absolute;left:6px;top:6px;white-space:nowrap;overflow:hidden;width:0}.tm-text-old{transition:opacity .4s}
.tm-cover{margin:0 12px;display:flex;align-items:center;gap:7px;font-size:7px}.tm-cover i{height:29px;width:38px;border-radius:2px}.tm-cover small{font-size:5px;color:#999}.tm-publish{margin:12px 12px 0;text-align:center;position:relative}.tm-publish-done{display:none}
.tm-live{right:14px;top:42px;width:133px;height:188px;transform:rotate(2deg);transition:transform .8s,box-shadow .8s}.tm-live-photo{height:69px}.tm-live-copy{padding:9px 10px;position:relative}.tm-live-copy small{font-size:5px;color:#999}.tm-live-copy strong{display:block;font-size:13px;line-height:1.1;margin:6px 0}.tm-live-copy>span{font-size:6px;color:#888}.tm-updated{position:absolute;top:14px;left:10px;opacity:0;transform:translateY(6px);transition:opacity .7s,transform .7s}.tm-live-status{position:absolute;bottom:0;left:0;right:0;font-size:6px;padding:5px 10px;background:#fff2ed;color:#bd4827;opacity:0;transition:opacity .5s}.tm-sync{position:absolute;left:186px;top:130px;width:26px;height:26px;border-radius:50%;background:#ff5a2b;color:#fff;text-align:center;padding-top:4px;z-index:3;opacity:0;transition:opacity .4s,transform .6s}
.tm-scene-1 .tm-cursor{transform:translate(280px,217px)}.tm-scene-1 .tm-click{left:102px;top:193px}
.tm-scene-1[data-phase="1"] .tm-input,.tm-scene-1[data-phase="2"] .tm-input{border-color:#ff5a2b}
.tm-scene-1:not([data-phase="0"]) .tm-editor .tm-text-old{opacity:0}
.tm-scene-1:not([data-phase="0"]) .tm-typed{width:132px;transition:width 1.6s steps(22,end)}
.tm-scene-1[data-phase="1"] .tm-cursor{opacity:1;transform:translate(128px,111px)}
.tm-scene-1[data-phase="2"] .tm-cursor,.tm-scene-1[data-phase="3"] .tm-cursor{opacity:1;transform:translate(112px,203px)}
.tm-scene-1[data-phase="2"] .tm-publish,.tm-scene-1[data-phase="3"] .tm-publish{background:#ff5a2b}
.tm-scene-1[data-phase="3"] .tm-sync{opacity:1;transform:translateX(8px)}
.tm-scene-1[data-phase="4"] .tm-live,.tm-scene-1[data-phase="5"] .tm-live{transform:rotate(0);box-shadow:0 10px 25px #0001}
.tm-scene-1[data-phase="4"] .tm-live .tm-text-old,.tm-scene-1[data-phase="5"] .tm-live .tm-text-old{opacity:0}
.tm-scene-1[data-phase="4"] .tm-updated,.tm-scene-1[data-phase="5"] .tm-updated{opacity:1;transform:none}
.tm-scene-1[data-phase="4"] .tm-live-status,.tm-scene-1[data-phase="5"] .tm-live-status{opacity:1}
.tm-scene-1[data-phase="4"] .tm-publish-label,.tm-scene-1[data-phase="5"] .tm-publish-label{display:none}
.tm-scene-1[data-phase="4"] .tm-publish-done,.tm-scene-1[data-phase="5"] .tm-publish-done{display:inline}
.tm-request{left:14px;top:42px;width:157px;height:174px;transition:opacity .6s,transform .6s}.tm-request>strong{display:block;font-size:13px;margin:12px}.tm-data-field{margin:7px 12px;padding-bottom:5px;border-bottom:1px solid #eee}.tm-data-field small{display:block;font-size:6px;color:#999}.tm-data-field span{font-size:8px}.tm-request .tm-button{margin:9px 12px;font-size:7px}
.tm-processor{position:absolute;left:42px;top:74px;width:90px;padding:13px;border:1px solid #d9d4cd;border-radius:6px;background:#fff;opacity:0;transform:scale(.8);transition:opacity .6s,transform .6s}.tm-processor>span{display:block;font-size:20px;color:#ff5a2b;margin-bottom:8px}.tm-processor i{display:block;font-size:7px;font-style:normal;color:#777;margin:5px 0;opacity:0;transition:opacity .4s}
.tm-crm{left:190px;top:29px;width:156px;height:205px}.tm-crm-columns{display:flex;gap:12px;padding:9px 10px;font-size:7px;color:#777}.tm-count{display:inline-block;background:#eee;border-radius:8px;padding:0 4px;opacity:0;transition:opacity .4s}.tm-crm-ghost{position:absolute;left:10px;right:10px;top:70px;height:92px;border:1px dashed #d5d1c9;border-radius:3px}
.tm-deal{position:absolute;top:69px;left:10px;right:10px;border:1px solid #f0c5b7;background:#fffaf7;border-radius:4px;padding:10px;z-index:2;opacity:0;transform:translateX(-24px) scale(.95);transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1)}
.tm-deal>small{font-size:6px;color:#bd4827}.tm-deal>strong{display:block;font-size:14px;margin:6px 0 3px}.tm-deal>span{font-size:7px;color:#888}.tm-deal>div{display:flex;align-items:center;gap:5px;margin:10px 0;font-size:6px}.tm-deal i{font-style:normal;background:#e7e1d8;padding:4px;border-radius:50%}.tm-deal>b{font-size:6px;color:#bd4827}
.tm-data-path{position:absolute;left:132px;top:111px;right:132px;height:1px;background:#d3cdc2}.tm-data-path i{position:absolute;left:10px;top:-3px;width:6px;height:6px;background:#e2dcd1;border-radius:50%}.tm-data-path i:nth-child(2){left:36px}.tm-data-path i:nth-child(3){left:62px}.tm-packet{position:absolute;left:134px;top:109px;width:7px;height:7px;border-radius:50%;background:#ff5a2b;opacity:0;transition:transform 1s,opacity .3s}
.tm-scene-2 .tm-cursor{transform:translate(281px,217px)}.tm-scene-2 .tm-click{left:112px;top:188px}
.tm-scene-2[data-phase="1"] .tm-cursor{opacity:1;transform:translate(122px,198px)}.tm-scene-2[data-phase="1"] .tm-request .tm-button{background:#ff5a2b}
.tm-scene-2[data-phase="2"] .tm-request,.tm-scene-2[data-phase="3"] .tm-request,.tm-scene-2[data-phase="4"] .tm-request,.tm-scene-2[data-phase="5"] .tm-request{opacity:0;transform:translateX(-20px)}
.tm-scene-2:is([data-phase="2"],[data-phase="3"],[data-phase="4"],[data-phase="5"]) .tm-processor{opacity:1;transform:none}
.tm-scene-2:is([data-phase="2"],[data-phase="3"],[data-phase="4"],[data-phase="5"]) .tm-processor i{opacity:1}.tm-processor i:nth-child(3){transition-delay:.25s}.tm-processor i:nth-child(4){transition-delay:.5s}
.tm-scene-2[data-phase="3"] .tm-packet{opacity:1;transform:translateX(51px)}
.tm-scene-2:is([data-phase="4"],[data-phase="5"]) .tm-deal{opacity:1;transform:none}.tm-scene-2:is([data-phase="4"],[data-phase="5"]) .tm-count{opacity:1}
.tm-scene:not(.is-playing) *{animation-play-state:paused!important}
.tm-scene[data-phase="0"] .tm-canvas{opacity:1}.tm-canvas{transition:opacity .6s}.tm-scene[data-phase="5"] .tm-canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.tm-scene *{transition:none!important;animation:none!important}.tm-cursor,.tm-click{display:none}}
/* Abstract choreography: assemble, scroll, then demonstrate responsive states. */
.wr-tech-grid article{background:#fff}
.wr-tech-grid .tech-loop{background:#fff;border-color:#e9e6e1;aspect-ratio:360/290}
.tm-caption{background:#fff;border-color:#eeeae4}
.tm-app{box-shadow:0 9px 22px #17171707}
.ta-desktop{left:20px;top:23px;width:320px;height:214px;transition:width 1.25s cubic-bezier(.22,1,.36,1),height 1.25s,left 1.25s,top 1.25s}
.ta-toolbar{height:18px;display:flex;align-items:center;gap:3px;padding:0 8px;border-bottom:1px solid #ece9e4;background:#fff}.ta-toolbar>i{width:3px;height:3px;background:#d0cbc4;border-radius:50%}.ta-toolbar span{margin-left:auto;font-size:5px;letter-spacing:.08em;color:#aaa}
.ta-page{position:absolute;top:18px;left:0;width:100%;padding:12px;transition:transform 2s cubic-bezier(.45,0,.2,1)}
.ta-part{opacity:0;transform:translateY(12px);transition:opacity 1s,transform 1.1s cubic-bezier(.22,1,.36,1)}.ta-part.is-built{opacity:1;transform:none}
.ta-header{display:flex;align-items:center;justify-content:space-between;height:15px;margin-bottom:12px}.ta-header>b,.ta-mobile-header>b{width:24px;height:7px;background:#252525;border-radius:2px}.ta-header>span{display:flex;gap:8px}.ta-header i{display:block;width:20px;height:3px;background:#d8d3cb;border-radius:2px}
.ta-hero{display:grid;grid-template-columns:1fr 1fr;gap:15px;height:90px;margin-bottom:14px;align-items:center}
.ta-title{display:block;background:#34312e;height:7px;width:86%;border-radius:2px;margin:5px 0}.ta-title.ta-short{width:65%}.ta-line{display:block;width:94%;height:3px;border-radius:2px;background:#d7d2c9;margin:5px 0}.ta-line.ta-short{width:67%}.ta-button{display:block;background:#ff5a2b;width:55px;height:14px;border-radius:3px;margin-top:10px}
.ta-art{position:relative;overflow:hidden;background:#f6f2ed;border:1px solid #f0eae2;border-radius:4px;height:85px}
.ta-art>i{position:absolute;left:22%;top:15%;width:54%;height:70%;border-radius:50%;background:linear-gradient(140deg,#ff895d,#ff5a2b 60%,#db4826);transform:rotate(-26deg)}
.ta-art>b{position:absolute;left:18%;top:50%;width:70%;height:20%;border:1px solid #c3b6aa;background:#ffffffba;transform:rotate(-32deg);border-radius:20px}
.ta-art>span{position:absolute;left:35%;top:31%;width:30%;height:40%;background:#fff8;border:1px solid #fff9;transform:rotate(25deg);border-radius:3px}
.ta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.ta-cards i{height:45px;background:#f7f5f1;border:1px solid #e9e4dd;border-radius:3px;position:relative}.ta-cards i:before{content:'';position:absolute;left:8px;right:18px;top:12px;height:4px;background:#bdb5ab;box-shadow:0 9px #e1dbd2; border-radius:1px}.ta-cards i:after{content:'';position:absolute;left:8px;top:31px;width:20px;height:3px;background:#ff8f6d}
.ta-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;margin:8px 0 16px}.ta-footer{height:30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eae5dd}.ta-footer i{height:3px;width:22%;background:#d9d1c8}
.ta-scrollbar{position:absolute;right:3px;top:35px;width:2px;height:34px;background:#d4cbbf;border-radius:3px;transition:transform 2s}
.ta-mobile{top:39px;width:72px;height:178px;opacity:0;transform:translateY(16px) scale(.95);transition:opacity 1s,transform 1.25s cubic-bezier(.22,1,.36,1)}.ta-mobile-left{left:12px}.ta-mobile-right{right:12px}
.ta-mobile-header{position:absolute;z-index:4;left:0;right:0;top:0;height:21px;padding:7px;display:flex;justify-content:space-between;background:#fff;border-bottom:1px solid #eee}.ta-mobile-header>b{width:16px;height:5px}.ta-mobile-header span i{display:block;height:1px;width:8px;background:#777;margin:1px 0;transition:transform .6s}
.ta-mobile-page{position:absolute;top:22px;padding:8px;left:0;width:100%;transition:transform 2.2s cubic-bezier(.45,0,.2,1)}.ta-mobile .ta-title{height:4px;margin:4px 0}.ta-mobile .ta-line{height:2px}.ta-mobile .ta-button{width:34px;height:9px;margin-top:7px}.ta-mobile .ta-art{height:54px;margin-top:9px}.ta-mobile-cards{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:9px 0}.ta-mobile-cards i{height:32px;background:#f7f4ef;border:1px solid #e6e0d7;border-radius:2px}
.ta-menu{position:absolute;inset:21px 0 0;background:#fff;padding:15px 10px;z-index:3;opacity:0;transform:translateY(-7px);transition:opacity .8s,transform 1s}.ta-menu i{display:block;width:85%;height:4px;background:#b8ada1;margin:0 0 15px;border-radius:2px}.ta-menu i:nth-child(2){width:60%}.ta-menu i:nth-child(4){width:72%}.ta-menu b{display:block;background:#ff5a2b;height:12px;border-radius:2px;margin-top:22px}
.tm-scene-0[data-step="5"] .ta-page{transform:translateY(-98px)}.tm-scene-0[data-step="5"] .ta-scrollbar{transform:translateY(92px)}
.tm-scene-0[data-adaptive="true"] .ta-desktop{left:91px;top:53px;width:178px;height:154px}.tm-scene-0[data-adaptive="true"] .ta-mobile{opacity:1;transform:none}.tm-scene-0[data-adaptive="true"] .ta-page{padding:8px;transform:translateY(-38px)}.tm-scene-0[data-adaptive="true"] .ta-hero{height:75px;gap:8px}.tm-scene-0[data-adaptive="true"] .ta-art{height:65px}.tm-scene-0[data-adaptive="true"] .ta-header i{width:12px}.tm-scene-0[data-adaptive="true"] .ta-scrollbar{transform:translateY(32px)}
.tm-scene-0[data-phone-scroll="true"] .ta-mobile-left .ta-mobile-page{transform:translateY(-89px)}
.tm-scene-0[data-menu="true"] .ta-mobile-right .ta-menu{opacity:1;transform:none}.tm-scene-0[data-menu="true"] .ta-mobile-right .ta-mobile-header span i:first-child{transform:translateY(1px) rotate(45deg)}.tm-scene-0[data-menu="true"] .ta-mobile-right .ta-mobile-header span i:last-child{transform:translateY(-1px) rotate(-45deg)}
.tm-scene-0 .tm-cursor{transform:translate(333px,238px);opacity:0}.tm-scene-0[data-step="7"] .tm-cursor{opacity:1;transform:translate(68px,178px)}.tm-scene-0[data-step="8"] .tm-cursor{opacity:1;transform:translate(334px,49px)}.tm-scene-0 .tm-click{left:324px;top:39px}
.tm-scene-1 .tm-live-photo{background:#f6f2ed;border:0;border-radius:0}.tm-cover i{background:linear-gradient(135deg,#fff0e5,#ffad88);position:relative}.tm-cover i:after{content:'';position:absolute;inset:5px 12px;border:1px solid #ff7850;border-radius:50%;transform:rotate(30deg)}
.tm-scene-1 .tm-live-copy>span{display:block;margin-top:8px}.tm-scene-1 .tm-live .tm-updated{top:17px}
.ta-crm-report{position:absolute;bottom:9px;left:10px;right:10px;display:flex;gap:5px;align-items:center;font-size:6px;opacity:0;transition:opacity .8s}.ta-crm-report i{height:3px;width:23px;border-radius:2px;background:#ff5a2b}.ta-crm-report>b{margin-left:auto;color:#ff5a2b}
.tm-scene-2 .tm-crm{transition:width 1.1s,left 1.1s}.tm-scene-2 .tm-deal>div{opacity:0;transition:opacity .7s}.tm-scene-2 .tm-deal>b{opacity:0;transition:opacity .7s}.tm-scene-2[data-assigned="true"] .tm-deal>div{opacity:1}
.tm-scene-2[data-working="true"] .tm-crm{left:100px;width:246px}.tm-scene-2[data-working="true"] .tm-deal{right:auto;width:109px;transform:translateX(111px)}.tm-scene-2[data-working="true"] .tm-crm-columns{gap:74px}.tm-scene-2[data-working="true"] .tm-processor{opacity:.25;transform:translateX(-15px)}.tm-scene-2[data-working="true"] .tm-count{opacity:0}.tm-scene-2[data-working="true"] .tm-deal>b{opacity:1}.tm-scene-2[data-reported="true"] .ta-crm-report{opacity:1}
.tm-scene[data-reset="true"] .tm-canvas{opacity:0;transition:opacity .75s}.tm-scene .tm-canvas{transition:opacity .7s}
@media(prefers-reduced-motion:reduce){.tm-scene *{transition:none!important;animation:none!important}}
/* Room for the CRM result and a separate status line in the neighbouring column. */
.tm-scene-2[data-working="true"] .tm-deal{padding:8px;top:65px}.tm-scene-2[data-working="true"] .tm-deal>strong{font-size:12px;margin:4px 0 3px}.tm-scene-2[data-working="true"] .tm-deal>div{margin:7px 0}.tm-scene-2[data-working="true"] .ta-crm-report{right:auto;width:96px;bottom:14px}
.tm-cover{transition:transform .8s,background .8s}.tm-scene-1[data-step="2"] .tm-cover{transform:translateY(-2px);background:#fff7f2;border-radius:3px}.tm-scene-1[data-step="6"] .tm-live-photo>i{transform:rotate(12deg);transition:transform 1.2s}.tm-scene-1[data-step="6"] .tm-live{transform:rotate(0) translateY(-4px)}
/* Keep three screens; simplify the palette and remove stacked decorative surfaces. */
.ta-desktop,.ta-mobile{box-shadow:0 4px 12px #17171704;border-color:#dedbd6;background:#fff}
.ta-title{background:#625f59;height:5px}.ta-line{background:#ddd9d1;height:2px}
.ta-art{background:#faf8f4;border:0;border-radius:3px}.ta-art>i{background:#ffb193;border-radius:50%}.ta-art>b{background:#fff8;border:1px solid #fff;box-shadow:none}.ta-art>span{display:none}
.ta-cards i{border:0;background:#f8f6f2;height:39px}.ta-cards i:before{background:#bfb8ae;box-shadow:0 9px #e3ddd4}.ta-cards i:after{background:#f2b89f;width:16px}
.ta-button{background:#ed825d;height:11px}.ta-hero{gap:18px}.ta-page{padding:14px}.ta-header{margin-bottom:15px}.ta-cards{gap:10px;margin-top:17px;margin-bottom:20px}.ta-detail{gap:18px}.ta-footer{border-color:#f1eee8}
.ta-part .ta-title,.ta-part .ta-line,.ta-part .ta-button{opacity:0;transform:translateY(5px);transition:opacity .75s .35s,transform .9s .35s}.ta-part.is-built .ta-title,.ta-part.is-built .ta-line,.ta-part.is-built .ta-button{opacity:1;transform:none}.ta-part.is-built .ta-line{transition-delay:.55s}.ta-part.is-built .ta-button{transition-delay:.75s}
.tm-scene-0[data-adaptive="true"] .ta-page{padding:10px;transform:translateY(-30px)}.tm-scene-0[data-adaptive="true"] .ta-title{height:4px}.tm-scene-0[data-adaptive="true"] .ta-cards{gap:6px;margin-top:13px}.tm-scene-0[data-adaptive="true"] .ta-cards i{height:31px}.tm-scene-0[data-adaptive="true"] .ta-cards i:before{left:5px;right:9px;height:2px}.tm-scene-0[data-adaptive="true"] .ta-cards i:after{left:5px;top:25px;width:12px;height:2px}
.ta-mobile .ta-title{height:3px;background:#777169}.ta-mobile .ta-line{height:2px}.ta-mobile .ta-art{background:#faf8f4}.ta-mobile-cards i{border:0;background:#f8f6f2}.ta-menu i{height:3px;background:#c5bcb1}.ta-menu b{background:#ed825d}.ta-simple-menu{display:none}
/* A stable title slot avoids collisions when the CMS preview updates. */
.tm-preview-heading{position:relative;height:35px;margin:7px 0 5px}.tm-live-copy .tm-preview-heading strong{position:absolute;inset:0;margin:0;font-size:12px;line-height:1.28}.tm-live-copy .tm-preview-heading .tm-updated{top:0;left:0}.tm-live-copy{padding:10px 12px}.tm-live-copy>span{display:block;margin-top:0;font-size:6px;line-height:1.5}.tm-live{height:201px;top:34px}.tm-live-photo{height:65px}.tm-live-status{font-size:6px;padding:6px 10px}.tm-scene-1 .tm-live{transform:none}.tm-scene-1[data-step="6"] .tm-live{transform:translateY(-2px)}
.tm-scene-1 .tm-editor{box-shadow:none}.tm-scene-1 .tm-live-photo>i{background:#ffb193}.tm-scene-1 .tm-live-photo>b{background:#fff8}
/* The CRM panel has one result card with comfortable line spacing. */
.tm-deal{background:#fff;border-color:#e3ddd5;box-shadow:none}.tm-deal>small{color:#b67960}.tm-deal>strong{font-size:12px}.tm-deal>span{line-height:1.5;display:block}.tm-deal>div{line-height:1.5}.tm-deal>b{font-weight:400}.tm-processor>span{font-size:16px;color:#ca7a5c}.tm-processor{box-shadow:none}.tm-crm-ghost{border-color:#eee9e2}.tm-data-path{background:#eee9e2}.tm-packet{width:5px;height:5px}
/* Security loop: suspicious requests stop; a regular request reaches the site. */
#security{background:#fff}.ts-layout{display:flex;justify-content:center;margin:0 0 38px}
.ts-layout .tech-loop{width:min(100%,560px);aspect-ratio:360/290;position:relative;overflow:hidden;border:1px solid #e7e3dc;border-radius:8px;background:#fff}
.ts-security{width:360px;height:260px;display:block;font-family:inherit;font-size:9px;fill:#8a8278}
.ts-guide{fill:none;stroke:#eee9e2;stroke-width:1;stroke-dasharray:2 5}.ts-site>rect{fill:#fff;stroke:#d6d0c6;stroke-width:1}.ts-site>path{fill:none;stroke:#e8e2d9;stroke-width:1}.ts-site .ts-content{stroke:#b6aca0;stroke-width:2;stroke-linecap:round}.ts-site .ts-action{fill:#eec0a7;stroke:none}.ts-site circle{fill:#d6d0c6}
.ts-shield{fill:#fffaf6;stroke:#dc9f82;stroke-width:1.5}.ts-check{fill:none;stroke:#d48b6a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ts-barrier{fill:none;stroke:#f1e6db;stroke-width:1;stroke-dasharray:2 5}
.ts-attack rect{fill:#fff;stroke:#e58b6a;stroke-width:1}.ts-attack path{stroke:#db835f;stroke-width:1;fill:none}.ts-attack{animation:ts-repel 9s infinite cubic-bezier(.4,0,.2,1)}.ts-attack-b{animation-delay:3s}
.ts-visitor{fill:#827b71;animation:ts-pass 9s infinite ease-in-out;animation-delay:1.4s}
.ts-impact{fill:none;stroke:#edb69e;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:ts-impact 9s infinite}.ts-impact-b{animation-delay:3s}
@keyframes ts-repel{0%,12%{opacity:0;transform:translate(0,0)}20%{opacity:1;transform:translate(0,0)}47%{opacity:1;transform:translate(111px,0)}58%{opacity:.9;transform:translate(91px,-10px)}75%,100%{opacity:0;transform:translate(55px,-24px)}}
@keyframes ts-pass{0%,16%{opacity:0;transform:translateX(0)}25%{opacity:1;transform:translateX(0)}65%{opacity:1;transform:translateX(269px)}72%,100%{opacity:0;transform:translateX(269px)}}
@keyframes ts-impact{0%,43%{opacity:0;scale:.4}48%{opacity:.8;scale:.7}59%,100%{opacity:0;scale:1.8}}
@media(prefers-reduced-motion:reduce){.ts-attack,.ts-impact{opacity:0}.ts-visitor{transform:translateX(269px)}}
.ta-page-viewport{position:absolute;inset:18px 0 0;overflow:hidden}.ta-page-viewport .ta-page{top:0}.ta-toolbar{position:relative;z-index:2}.ta-scrollbar{z-index:3}
/* The same eight-point star as the homepage, without overlaid decorative shapes. */
.ta-art{display:flex;align-items:center;justify-content:center;background:#faf9f6}
.ta-brand-star{display:block;width:43%;height:62%;fill:#ff5a2b;opacity:.8}
.tm-cover i{display:flex;align-items:center;justify-content:center;background:#faf9f6}.tm-cover i:after{content:none}.tm-cover .ta-brand-star{width:19px;height:19px}
.tm-scene-1 .tm-live-photo{background:#faf9f6}.tm-scene-1 .tm-live-status{background:#fff;color:#777;border-top:1px solid #eee;text-align:left}.tm-publish-done{font-size:8px;line-height:12px}
/* A fast builder rhythm, with time held only for the finished responsive scene. */
.tm-scene-0 .ta-part{transition:opacity .22s ease-out,transform .3s cubic-bezier(.22,1,.36,1)}
.tm-scene-0 .ta-part .ta-title,.tm-scene-0 .ta-part .ta-line,.tm-scene-0 .ta-part .ta-button{transition:opacity .18s .06s,transform .22s .06s}.tm-scene-0 .ta-part.is-built .ta-line{transition-delay:.1s}.tm-scene-0 .ta-part.is-built .ta-button{transition-delay:.14s}
.tm-scene-0 .ta-desktop{transition:width .55s cubic-bezier(.22,1,.36,1),height .55s,left .55s,top .55s}.tm-scene-0 .ta-mobile{transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1)}
.tm-scene-0 .ta-page{transition:transform .7s cubic-bezier(.45,0,.2,1)}.tm-scene-0 .ta-scrollbar{transition:transform .7s}.tm-scene-0 .ta-mobile-page{transition:transform 1.25s cubic-bezier(.45,0,.2,1)}.tm-scene-0 .ta-menu{transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1)}
.tm-scene-0[data-step="8"] .ta-mobile-right .ta-menu{transform:translateY(0)}.tm-scene-0[data-step="8"] .ta-mobile-left .ta-mobile-page{transform:translateY(-122px)}
/* As one deal moves into work, another appears in the incoming queue. */
.tm-work-count{display:inline-block;padding:0 4px;border-radius:8px;background:#eee;opacity:0;transition:opacity .4s}
.tm-scene-2[data-working="true"] .tm-work-count{opacity:1}
.tm-followup{position:absolute;left:10px;top:65px;width:109px;padding:8px;border:1px solid #e3ddd5;border-radius:4px;background:#fff;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .8s cubic-bezier(.22,1,.36,1);z-index:2}
.tm-followup>small{font-size:5px;color:#b67960}.tm-followup>strong{display:block;font-size:11px;line-height:1.3;margin:8px 0 6px}.tm-followup>span{display:block;font-size:6px;color:#888}.tm-followup>div{font-size:6px;color:#999;border-top:1px solid #eee;margin-top:14px;padding-top:8px}
.tm-scene-2[data-followup="true"] .tm-followup{opacity:1;transform:none}.tm-scene-2[data-followup="true"] .tm-count{opacity:1}.tm-scene-2[data-followup="true"] .ta-crm-report{width:226px;bottom:6px}
@media(prefers-reduced-motion:reduce){.tm-scene-0 *{transition:none!important}}

/* Match the deliberate rhythm of editing and data scenes. */
.tm-scene-0 .ta-part{transition:opacity .65s ease-out,transform .8s cubic-bezier(.22,1,.36,1)}
.tm-scene-0 .ta-part .ta-title,.tm-scene-0 .ta-part .ta-line,.tm-scene-0 .ta-part .ta-button{transition:opacity .45s .15s,transform .6s .15s}
.tm-scene-0 .ta-part.is-built .ta-line{transition-delay:.25s}.tm-scene-0 .ta-part.is-built .ta-button{transition-delay:.4s}
.tm-scene-0 .ta-desktop{transition:width 1.2s cubic-bezier(.22,1,.36,1),height 1.2s,left 1.2s,top 1.2s}.tm-scene-0 .ta-mobile{transition:opacity .7s,transform 1.2s cubic-bezier(.22,1,.36,1)}
.tm-scene-0 .ta-page,.tm-scene-0 .ta-mobile-page{transition:transform 1.9s cubic-bezier(.45,0,.2,1)}.tm-scene-0 .ta-scrollbar{transition:transform 1.9s}.tm-scene-0 .ta-menu{transition:opacity .65s,transform .9s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.tm-scene-0 *{transition:none!important}}
/* The absolute animated canvas cannot supply height to the shared window frame. */
.tech-loop>.visual-stage[data-visual-family="tm-canvas"]{position:absolute;inset:0 0 30px;padding:10px;border-radius:8px}
.tech-loop>.visual-stage[data-visual-family="tm-canvas"]>.visual-window{position:relative;height:100%;overflow:clip;box-sizing:border-box}
.tech-loop .visual-window>.tm-canvas{left:var(--tech-canvas-left,0px);top:var(--tech-canvas-top,32px)}
.tech-loop>.visual-stage[data-visual-family="tm-canvas"]>.visual-window>.tm-canvas{width:360px;max-width:none;height:260px}
@media(min-width:768px) and (max-width:900px){.wr-tech-grid{grid-template-columns:1fr}}