/* The connection language: quiet surfaces, readable devices, one event across views. */
.hero-cadence{display:flex;justify-content:center;gap:.5rem 1.25rem;flex-wrap:wrap;font-size:.88rem;color:var(--steel);margin:1.3rem auto 0;max-width:650px}.hero-cadence span{white-space:nowrap}.hero-cadence b{color:var(--teal);font-weight:500}.hero-detail{max-width:580px;font-size:clamp(1.05rem,1.5vw,1.2rem)}
.experience-heading{padding:clamp(5rem,9vw,8rem) 0 3.5rem;max-width:1160px}.experience-heading h2{font-size:clamp(2.4rem,4.8vw,4.6rem);font-weight:600;letter-spacing:-.045em;max-width:940px;margin:1.4rem 0 1.6rem;text-wrap:balance;line-height:1.13;color:#f5fbfe}.experience-heading h2 em{font-style:normal;color:var(--cyan)}.experience-heading>p{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.9;color:#acc5d2;max-width:660px}.experience-kicker{font-size:.68rem;font-weight:500;letter-spacing:.17em;color:#6da8bb}.method-section{background:var(--ink)}.method-track{height:320svh;position:relative}.method-sticky{position:sticky;top:90px;min-height:530px;height:calc(100svh - 120px);max-height:800px;display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}.method-copy{padding-bottom:2rem}.method-counter{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0}.method-counter>span:first-child{display:grid;place-items:center;border:1px solid #0a89a66e;width:76px;height:76px;border-radius:22px;background:#0a89a61a;font-size:2.6rem;color:var(--cyan)}.method-counter>span:last-child{font-size:.7rem;color:#7195a9;letter-spacing:.18em}.method-copy h3{font-size:clamp(1.9rem,3.2vw,3.1rem);font-weight:500;line-height:1.22;letter-spacing:-.035em;min-height:2.5em;color:white;max-width:14ch}.method-copy>p{font-size:1.1rem;color:#bed4df;line-height:1.9;min-height:6em;margin:1.3rem 0 0;max-width:36ch}.method-navigation{display:flex;align-items:center;gap:1rem;margin:1.8rem 0 0;color:#86a8b8;font-size:.75rem}.method-navigation button,.story-navigation button{background:transparent;border:1px solid #2a5267;color:#cfe4ec;width:42px;height:42px;border-radius:50%;font:inherit;font-size:1rem;cursor:pointer;transition:background .2s,border-color .2s}.method-navigation button:hover,.story-navigation button:hover{background:#0a89a622;border-color:var(--cyan)}.method-navigation button:disabled,.story-navigation button:disabled{opacity:.25;cursor:default}.method-map{height:430px;position:relative;isolation:isolate}.method-map::before{position:absolute;content:'';inset:5%;border-radius:50%;background:radial-gradient(ellipse,#0a89a615,transparent 68%);z-index:-1}.method-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.method-map path{fill:none;stroke-width:1.2}.map-base{stroke:#174154;stroke-dasharray:3 8}.method-map #map-progress{stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .65s ease;filter:drop-shadow(0 0 8px #13f2f2)}.map-point{position:absolute;transform:translate(-50%,-40%);width:150px;padding:0;border:0;background:transparent;color:#5e869a;cursor:pointer;display:grid;justify-items:center;gap:.5rem;text-align:center;font:inherit;transition:color .3s}.map-point>span{height:52px;width:52px;display:grid;place-items:center;background:#062333;border:1px solid #21485c;border-radius:50%;font-size:1.05rem;transition:all .4s}.map-point>b{font-size:.81rem;font-weight:500}.map-point>small{font-size:.63rem;opacity:0;transition:opacity .3s;white-space:nowrap}.map-point[aria-pressed=true]{color:#e5f5fd}.map-point[aria-pressed=true]>span{border-color:var(--cyan);background:#0b3546;box-shadow:0 0 0 6px #13f2f20b,0 0 30px #13f2f21a;color:var(--cyan);transform:scale(1.14)}.map-point[aria-pressed=true]>small{opacity:1;color:#90c6d5}.map-point.visited{color:#8dbbc9}.map-point.visited>span{border-color:#0a89a6;color:#13f2f2}.point-0{left:16.667%;top:20.93%}.point-1{left:50%;top:20.93%}.point-2{left:83.333%;top:50%}.point-3{left:83.333%;top:79.07%}.point-4{left:50%;top:79.07%}.point-5{left:16.667%;top:50%}.map-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:500;color:#d1ebf5;letter-spacing:-.08em}.map-center>span{color:var(--cyan)}.map-signature{position:absolute;left:0;bottom:-2.5rem;color:#628b9f;font-size:.73rem;line-height:1.7;letter-spacing:.02em}.map-signature strong{font-weight:400;color:#9bc3d3}
.connection-section{position:relative;background:#031c2b;color:#cfe4ec;border-top:1px solid #113648}.connection-section>.experience-heading{padding-top:6rem;text-align:center}.connection-section .experience-heading h2{margin-inline:auto;font-size:clamp(3rem,6.4vw,6rem);max-width:1000px;line-height:1.09}.connection-section .experience-heading>p{margin-inline:auto}.word-conversation{color:#8fd6e9}.word-operation{color:white}.experience-jump{display:inline-flex;align-items:center;margin-top:1.8rem;color:#72bdcf;text-decoration:none;font-size:.83rem;transition:color .2s}.experience-jump:hover{color:var(--cyan)}.story-track{height:550svh;position:relative;scroll-margin-top:90px}.story-sticky{position:sticky;top:80px;height:calc(100svh - 88px);min-height:630px;max-height:900px;display:flex;flex-direction:column;padding-top:.5rem}.story-topline{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0 1rem;border-bottom:1px solid #173a4b;gap:1rem}.scenario-tabs{display:inline-flex;gap:.35rem;background:#08293b;border:1px solid #214456;padding:.32rem;border-radius:999px}.scenario-tabs button{padding:.63rem 1.15rem;border:0;border-radius:999px;font:inherit;font-size:.83rem;background:transparent;color:#82acbd;cursor:pointer;transition:.25s}.scenario-tabs button>span{margin-left:.75rem;opacity:.3}.scenario-tabs button[aria-selected=true]{background:#e8fbfd;color:#033149;box-shadow:0 2px 12px #0003}.scenario-tabs button[aria-selected=true]>span{opacity:1}.demo-label{font-size:.58rem;color:#60889d;letter-spacing:.17em}.story-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:1.8rem;align-items:center;flex:1;min-height:0}.story-copy{padding:1rem 0}.story-copy h3{font-size:clamp(1.75rem,2.55vw,2.5rem);line-height:1.2;font-weight:500;letter-spacing:-.035em;min-height:3.6em;margin:1rem 0;color:white}.story-copy>p{font-size:1rem;line-height:1.85;color:#a9c9d9;min-height:9em}.story-context{display:flex;gap:.6rem;align-items:center;font-size:.68rem;color:#95bfcf;margin-top:1.4rem}.context-dot{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #13f2f27a}.story-context>span:last-child{color:#618b9f;border-left:1px solid #24485a;padding-left:.6rem}.story-pagination{display:flex;gap:.45rem;margin-top:1.5rem}.story-pagination button{position:relative;width:29px;height:30px;background:transparent;border:0;border-bottom:2px solid #244658;font:inherit;color:#5d879d;font-size:.6rem;cursor:pointer}.story-pagination button.visited{border-color:#0a89a6;color:#9ad5de}.story-pagination button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.story-navigation{display:flex;align-items:center;gap:1rem;margin-top:1.2rem}.story-navigation>span{font-size:.6rem;letter-spacing:.17em;color:#759daf}.story-navigation button{width:34px;height:34px}.story-bottom{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#5d879b;padding:.9rem 0;border-top:1px solid #12394b}.story-bottom button{background:none;border:0;color:#84bbcd;font:inherit;cursor:pointer;padding:.3rem}.connected-stage{height:100%;max-height:660px;min-height:490px;position:relative;perspective:1400px;isolation:isolate;--case-accent:#6ac6ff}.connected-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0a89a61b,transparent 68%);z-index:-1}.stage-orbit{position:absolute;left:50%;top:48%;width:90%;aspect-ratio:1;border:1px solid #0a89a61f;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-two{width:70%;border-style:dashed}.signal-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}.signal-lines path{fill:none;stroke-width:1.5}.signal-base{stroke:#0a89a646}.signal-pulse{stroke:var(--cyan);stroke-dasharray:12 280;animation:signal-travel 4s linear infinite;filter:drop-shadow(0 0 4px #13f2f2)}@keyframes signal-travel{to{stroke-dashoffset:-584}}.connected-stage[data-step="2"] .signal-lines,.connected-stage[data-step="3"] .signal-lines,.connected-stage[data-step="4"] .signal-lines,.connected-stage[data-step="5"] .signal-lines{opacity:1}.agent-bridge{position:absolute;left:3%;top:20%;z-index:5;display:flex;align-items:center;gap:.7rem;background:#082e41e8;border:1px solid #236078;border-radius:16px;padding:.9rem 1rem;max-width:250px;opacity:0;transform:translateY(15px);transition:opacity .4s,transform .5s;pointer-events:none;backdrop-filter:blur(12px);box-shadow:0 15px 50px #0003}.agent-bridge b{display:block;font-size:.76rem;color:#dbf6ff;font-weight:500}.agent-bridge div>span{display:block;color:#86bdcb;font-size:.63rem;line-height:1.6;margin-top:.3rem}.agent-icon{color:var(--cyan);font-size:1.9rem}.agent-bridge>i{background:var(--cyan);height:4px;width:4px;border-radius:50%;margin-left:.4rem}.connected-stage[data-step="2"] .agent-bridge{opacity:1;transform:translateY(0)}.device{position:absolute;left:calc(50% - 165px);top:8px;width:330px;height:min(550px,calc(100% - 30px));background:#e8ecee;border:1px solid #54636c;border-radius:43px;padding:7px;box-shadow:0 0 0 2px #0a1c27,0 30px 65px #0005,inset 0 0 0 1px #ffffff8c;overflow:hidden;transform-origin:top center;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .5s;z-index:3;color:#13313e}.device-hardware{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:.62rem;font-weight:600;color:#192c33;position:relative;background:#e8ecee}.dynamic-island{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:88px;height:21px;border-radius:99px;background:#0b1018}.device-hardware>span:last-child{font-size:.6rem;letter-spacing:.1rem}.device-screen{height:calc(100% - 40px);border-radius:0 0 34px 34px;overflow:hidden;background:#edf1ef;display:flex;flex-direction:column}.device-homebar{position:absolute;width:95px;height:4px;bottom:7px;background:#203941;border-radius:9px;left:calc(50% - 47px)}.channel-header{background:#f7faf8;display:flex;align-items:center;gap:.45rem;padding:.55rem .6rem;border-bottom:1px solid #dce5e2;min-height:62px;flex:none}.channel-back{color:#588579;font-size:1.75rem;line-height:1}.channel-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0e775c;color:white;font-size:.67rem;flex:none}.channel-header strong{display:block;font-size:.76rem;font-weight:600;color:#143d37}.channel-header div>span{display:block;font-size:.55rem;color:#708a81;margin-top:.12rem}.channel-menu{margin-left:auto;color:#69857c}.telegram .channel-avatar{background:#358bbf}.telegram strong{color:#1d4968}.telegram div>span{color:#62819a}.telegram{background:#f1f7fc}.device-content{padding:12px;overflow:auto;scrollbar-width:none;flex:1;min-height:0;background:radial-gradient(#bed1c633 .7px,transparent .7px) 0 0/12px 12px}.device-content::-webkit-scrollbar{display:none}.message-day{text-align:center;color:#7b9289;font-size:.49rem;letter-spacing:.1em;margin:1px 0 12px}.chat-bubble{font-size:.84rem;line-height:1.55;border:1px solid #e1e6e1;border-radius:12px;max-width:93%;padding:.65rem .75rem;margin:0 0 11px;box-shadow:0 1px 2px #143d3710;animation:message-in .4s ease both}.chat-bubble small{display:block;text-align:right;font-size:.49rem;color:#719485;margin-top:.15rem}.outgoing{background:#d5f5dd;margin-left:auto;border-radius:12px 2px 12px 12px;color:#224439}.incoming{background:white;border-radius:2px 12px 12px 12px;color:#29413b}.chat-cta{display:grid;gap:.25rem}.chat-cta>span:not(.message-icon){font-size:.7rem;color:#7a8e85}.message-icon{font-size:1.1rem;color:#159476}.chat-cta b{font-size:.87rem;font-weight:500}.chat-cta .app-action{margin-top:.55rem}.conversation-hint{font-size:.66rem;line-height:1.7;text-align:center;color:#789285;margin-top:1.25rem}.mini-app{background:#fff;border:1px solid #d7e2e7;border-radius:19px;padding:15px;box-shadow:0 10px 25px #1440530b;animation:app-in .5s cubic-bezier(.22,.61,.36,1) both}.app-open-context{font-size:.57rem;text-align:center;color:#779187;margin-bottom:10px}.app-open-context>span{color:#0e9278}.app-brand{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:#426879;margin-bottom:16px}.app-brand>span{height:24px;width:24px;border-radius:7px;background:#033149;color:#a3f8f6;display:grid;place-items:center;font-size:.51rem}.app-brand>i{font-style:normal;font-size:.45rem;color:#0a89a6;margin-left:auto}.app-eyebrow{display:block;color:#6d8e9a;font-size:.52rem;letter-spacing:.09em}.mini-app h4{font-size:1.1rem;line-height:1.25;letter-spacing:-.02em;font-weight:600;color:#123647;margin:.45rem 0 .4rem}.app-subtitle{font-size:.66rem;line-height:1.55;color:#79909a;margin-bottom:14px}.app-row{display:flex;justify-content:space-between;gap:.5rem;padding:.65rem 0;border-bottom:1px solid #eaf0f3;line-height:1.5}.app-row>span{font-size:.71rem;color:#718795}.app-row>b{font-size:.72rem;color:#284654;font-weight:500;text-align:right}.app-choices{display:flex;gap:.35rem;margin:1.1rem 0 .75rem}.app-choices button{font:inherit;font-size:.67rem;background:#f6f9fb;border:1px solid #dce7eb;border-radius:8px;padding:.5rem .65rem;color:#5b7683;cursor:pointer}.app-choices button[aria-pressed=true]{border-color:#0a89a6;background:#eafafa;color:#07566e}.app-action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.78rem .8rem;border:0;background:#073b50;color:#e2fcff;border-radius:10px;font:inherit;font-size:.75rem;font-weight:500;cursor:pointer;text-align:left;transition:background .2s,transform .2s;margin-top:.8rem}.app-action:hover{background:#075b70;transform:translateY(-1px)}.app-action>span{color:#74eae7}.app-micro{font-size:.5rem;color:#92a4ad;text-align:center;line-height:1.6;margin:.7rem 0 0}.client-ticket{background:#fff;border:1px solid #dce6e4;border-radius:17px;padding:15px;margin-top:15px}.ticket-symbol{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;background:#e0f5ed;color:#279e7e;margin-bottom:.6rem;font-size:1.15rem}.app-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.57rem;color:#337f6f;background:#eaf8f3;padding:.35rem .55rem;border:1px solid #cae9df;border-radius:99px;white-space:nowrap}.app-status i{height:4px;width:4px;border-radius:50%;background:#44b292}.client-ticket h4{font-size:1rem;font-weight:500;margin:1rem 0 .3rem;color:#214653}.client-ticket>p{font-size:.65rem;line-height:1.65;color:#80959e;margin-top:.6rem}.ticket-trail{display:flex;align-items:center;margin:1rem 0 0;gap:.4rem;color:#d5e4e5}.ticket-trail i{height:1px;background:#d5e4e5;flex:1}.ticket-trail .complete{color:#36b79d}.device-team{width:270px;height:min(475px,calc(100% - 55px));left:calc(50% + 45px);top:50px;z-index:2;opacity:0;transform:translate(50px,40px) rotate(7deg) scale(.85);pointer-events:none}.team-content{background:#e1eff7;padding:10px}.telegram-notice{background:#fff;border:1px solid #d0e3ee;border-radius:12px;padding:.7rem;display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.7rem;box-shadow:0 6px 10px #194b7510}.telegram-notice>span{background:#ddecff;border-radius:50%;color:#237db3;width:23px;height:23px;display:grid;place-items:center;flex:none}.telegram-notice b{font-size:.69rem;font-weight:500;color:#2e556c;display:block}.telegram-notice p{font-size:.57rem;color:#7a95a7;margin:.25rem 0 0}.team-app{padding:12px}.team-app h4{font-size:.95rem}.team-app .app-brand{margin-bottom:.65rem;font-size:.57rem}.team-app .app-row{padding:.5rem 0}.task-check{display:flex;gap:.4rem;font-size:.61rem;color:#628392;line-height:1.6;margin-top:.6rem}.task-check>span{color:#1eaf92}.approval-confirmation{padding:.8rem;margin-top:1rem;background:#eaf9f2;border:1px solid #c1e9d6;border-radius:11px;font-size:.73rem;color:#237257;text-align:center}.final-app{padding:13px}.final-app .app-brand{margin-bottom:.7rem}.final-app .app-row{padding:.55rem 0}.final-app h4{font-size:1rem}.final-app .app-action{margin-top:.7rem}.operation-dashboard{position:absolute;left:3%;width:94%;bottom:32px;background:#f8fbfd;border:1px solid #728693;border-radius:18px;z-index:6;box-shadow:0 25px 60px #0005;overflow:hidden;opacity:0;transform:translateY(40px) scale(.92);transition:transform .6s,opacity .5s;pointer-events:none;color:#234455}.op-header{padding:12px 16px;border-bottom:1px solid #dfeaf0;background:#eef4f8;display:flex;align-items:center;justify-content:space-between;gap:8px}.op-header>div{display:flex;align-items:center;gap:.7rem}.op-logo{font-size:1.3rem;letter-spacing:-.05em;color:#163f55}.op-logo>span{color:#0a89a6}.op-header b{font-size:.76rem;font-weight:500}.op-live{display:flex;align-items:center;gap:.3rem;color:#76949f;font-size:.52rem}.op-live i{height:4px;width:4px;background:#29b997;border-radius:50%}.op-main{padding:13px 16px}.op-record{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.op-record small{display:block;font-size:.52rem;letter-spacing:.06em;color:#68909d}.op-record h4{font-size:.87rem;color:#173e53;margin:.25rem 0 0;font-weight:500}.op-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:14px 0}.op-metrics>div{padding:10px 12px;border:1px solid #dce8ed;border-radius:9px;background:#fff}.op-metrics strong{font-size:1.15rem;line-height:1.2;font-weight:500;color:#144b63;display:block}.op-metrics span{display:block;font-size:.55rem;color:#7b949e;margin-top:.3rem}.op-event{display:flex;align-items:center;gap:.6rem;background:#eaf6f7;padding:.65rem .8rem;border-radius:9px}.op-event>span{color:#188f9a}.op-event b{font-size:.6rem;display:block;color:#356774;font-weight:500}.op-event div>span{font-size:.5rem;display:block;color:#7a959e}.op-event button{margin-left:auto;font:inherit;font-size:.57rem;border:0;background:transparent;color:#067f92;cursor:pointer;padding:8px 0 8px 8px;max-width:145px;text-align:right}.op-sources{display:flex;gap:1rem;margin-top:.7rem;font-size:.48rem;color:#7794a0}.stage-footnote{position:absolute;left:0;bottom:6px;width:100%;text-align:center;font-size:.5rem;letter-spacing:.18em;color:#668e9f}
.connected-stage[data-step="2"] .device-client{transform:translateX(75px)}.connected-stage[data-step="3"] .device-client{transform:translate(-125px,8px) scale(.84)}.connected-stage[data-step="3"] .device-team{opacity:1;transform:translate(0,0) rotate(0) scale(1);pointer-events:auto}.connected-stage[data-step="4"] .device-client{transform:translate(-135px,-12px) scale(.63);opacity:.65}.connected-stage[data-step="4"] .device-team{opacity:.7;transform:translate(-25px,-35px) scale(.69)}.connected-stage[data-step="4"] .operation-dashboard{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.connected-stage[data-step="5"] .device-client{transform:translate(0,0);z-index:8}.connected-stage[data-step="5"] .device-team{opacity:.25;transform:translate(25px,20px) scale(.8)}.connected-stage[data-step="5"] .operation-dashboard{opacity:.15;transform:translateY(-5px) scale(.95);pointer-events:none}.connected-stage.is-done .device-client{box-shadow:0 0 0 2px #0a1c27,0 0 55px #13f2f225,0 30px 65px #0005}.connection-ending{padding:4rem 0 7rem;text-align:center;border-top:1px solid #173c4d}.connection-ending h3{font-size:clamp(2.3rem,4.4vw,4.2rem);font-weight:500;line-height:1.18;letter-spacing:-.04em;color:#e6f4fc;margin:1.6rem 0}.connection-ending h3 em{font-style:normal;color:var(--cyan)}.connection-ending>p{font-size:1.05rem;line-height:1.9;color:#8db8cb}.connection-ending>.btn{margin-top:2rem}.method-section button:focus-visible,.connection-section button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.device button:focus-visible{outline-color:#0a89a6;outline-offset:2px}@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes app-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.story-sticky{width:min(100% - 5rem,1360px)}.story-layout{grid-template-columns:300px minmax(0,1fr);gap:3rem}.device-client{width:360px;left:calc(50% - 180px);height:min(590px,calc(100% - 35px))}.chat-bubble{font-size:.94rem}.mini-app h4{font-size:1.2rem}.app-row>span,.app-row>b{font-size:.82rem}.app-action{font-size:.85rem}.device-team{width:295px;height:510px}.operation-dashboard{left:8%;width:84%}.op-metrics strong{font-size:1.4rem}}
@media(max-width:1050px) and (min-width:761px){.method-sticky{gap:1.4rem}.method-copy>p{font-size:1rem}.story-layout{grid-template-columns:220px minmax(0,1fr);gap:1rem}.story-copy>p{font-size:.9rem}.story-copy h3{font-size:1.8rem}.device-client{width:290px;left:calc(50% - 145px);height:min(520px,calc(100% - 32px))}.device-team{width:235px;left:calc(50% + 4px);height:445px}.connected-stage[data-step="3"] .device-client{transform:translate(-92px,8px) scale(.75)}.connected-stage[data-step="3"] .device-team{transform:translate(0,0) scale(.93)}.connected-stage[data-step="2"] .device-client{transform:translateX(25px)}.agent-bridge{left:0;top:5%;max-width:220px;padding:.65rem}.connected-stage[data-step="4"] .device-client{transform:translate(-75px,-12px) scale(.6)}.op-live{display:none}.op-event button{max-width:120px}.op-metrics>div{padding:8px}.map-point{width:125px}}
@media(max-width:760px){.hero-cadence{font-size:.77rem;gap:.35rem .75rem;max-width:320px}.hero-detail{font-size:1rem;max-width:33ch}.experience-heading{padding-top:4rem;padding-bottom:2rem}.experience-heading h2{font-size:2.45rem}.experience-heading>p{font-size:1rem}.method-track{height:310svh}.method-sticky{top:74px;grid-template-columns:1fr;gap:0;align-content:center;height:calc(100svh - 90px);min-height:510px;max-height:760px}.method-copy{padding:0}.method-copy .experience-kicker{font-size:.56rem}.method-counter{margin:.65rem 0;gap:.8rem}.method-counter>span:first-child{width:38px;height:38px;border-radius:12px;font-size:1.4rem}.method-counter>span:last-child{font-size:.55rem}.method-copy h3{font-size:1.65rem;min-height:0;max-width:100%}.method-copy>p{font-size:.91rem;line-height:1.7;min-height:5.1em;margin:.6rem 0 0;max-width:none}.method-navigation{margin:.6rem 0;font-size:.65rem}.method-navigation button{width:30px;height:30px}.method-map{height:260px;max-width:440px;width:100%;margin:auto}.map-point{width:108px;gap:.4rem}.map-point>span{height:34px;width:34px;font-size:.78rem}.map-point>b{font-size:.62rem}.map-point>small{display:none}.map-center{font-size:2.2rem}.map-signature{bottom:-.25rem;left:0;font-size:.53rem}.connection-section .experience-heading h2{font-size:clamp(2.2rem,7.8vw,3.6rem)}.connection-section>.experience-heading{padding-top:4rem}.story-track{height:600svh}.story-sticky{top:68px;height:calc(100svh - 74px);min-height:590px;max-height:940px;padding-top:0}.story-topline{padding:.4rem 0 .6rem}.scenario-tabs{width:100%;justify-content:space-between;padding:.23rem}.scenario-tabs button{font-size:.72rem;padding:.5rem .7rem;flex:1}.scenario-tabs button>span{margin-left:.4rem}.demo-label{display:none}.story-layout{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0}.story-copy{padding:.85rem 0 .7rem;position:relative}.story-copy>.experience-kicker{font-size:.54rem}.story-copy h3{font-size:1.35rem;line-height:1.23;min-height:0;margin:.35rem 0 .4rem;max-width:29ch}.story-copy>p{font-size:.82rem;line-height:1.65;min-height:4.95em;max-width:55ch}.story-context{font-size:.55rem;margin-top:.5rem;gap:.45rem}.story-pagination{display:none}.story-navigation{position:absolute;right:0;bottom:.45rem;margin:0;gap:.5rem}.story-navigation button{width:28px;height:28px;font-size:.8rem}.story-navigation>span{font-size:.5rem}.connected-stage{flex:1;min-height:325px;max-height:630px;width:100%}.device-client{left:calc(50% - 144px);width:288px;top:4px;height:calc(100% - 19px);max-height:530px;border-radius:35px;padding:6px}.device-team{left:calc(50% - 144px);width:288px;top:4px;height:calc(100% - 19px);max-height:530px;border-radius:35px;opacity:0!important;transform:none!important}.device-hardware{height:25px;font-size:.5rem;padding:0 12px}.dynamic-island{height:16px;top:1px;width:72px}.device-screen{height:calc(100% - 30px);border-radius:0 0 28px 28px}.channel-header{min-height:48px;padding:.3rem .5rem}.channel-avatar{height:27px;width:27px}.channel-header strong{font-size:.7rem}.channel-header div>span{font-size:.5rem}.device-content{padding:9px}.message-day{margin-bottom:6px}.chat-bubble{font-size:.78rem;padding:.5rem .65rem;margin-bottom:8px}.chat-bubble small{font-size:.43rem}.chat-cta>b{font-size:.79rem}.conversation-hint{margin-top:.5rem;font-size:.6rem}.mini-app{padding:12px}.app-brand{margin-bottom:.6rem;font-size:.61rem}.mini-app h4{font-size:1rem}.app-subtitle{font-size:.61rem;margin-bottom:.55rem}.app-row{padding:.5rem 0}.app-row>span,.app-row>b{font-size:.68rem}.app-choices{margin:.7rem 0 .5rem}.app-choices button{font-size:.61rem;padding:.45rem .6rem}.app-action{padding:.67rem .7rem;font-size:.69rem}.app-micro{font-size:.45rem}.agent-bridge{top:auto;bottom:34px;left:calc(50% - 145px);max-width:290px;width:290px;padding:.65rem .8rem;z-index:10;background:#07334af5}.agent-bridge b{font-size:.7rem}.agent-bridge div>span{font-size:.57rem}.agent-icon{font-size:1.4rem}.stage-footnote{font-size:.4rem;bottom:0;letter-spacing:.12em}.connected-stage[data-step] .device-client{transform:none;opacity:1}.connected-stage[data-focus="team"] .device-client,.connected-stage[data-focus="dashboard"] .device-client{opacity:0;pointer-events:none}.connected-stage[data-focus="team"] .device-team{opacity:1!important;pointer-events:auto}.connected-stage[data-focus="dashboard"] .operation-dashboard{opacity:1;transform:translateY(-50%);top:50%;bottom:auto;width:100%;left:0;pointer-events:auto}.connected-stage[data-focus="client"] .operation-dashboard,.connected-stage[data-focus="team"] .operation-dashboard{opacity:0;pointer-events:none}.operation-dashboard{top:50%;bottom:auto;transform:translateY(-40%);width:100%;left:0}.op-header{padding:12px}.op-main{padding:12px}.op-header b{font-size:.71rem}.op-live{display:none}.op-record{align-items:flex-start;flex-direction:column}.op-record h4{font-size:.9rem}.op-record small{font-size:.56rem}.op-metrics{gap:.4rem;margin:.8rem 0}.op-metrics>div{padding:10px 8px}.op-metrics strong{font-size:1.1rem}.op-metrics span{font-size:.5rem}.op-event{flex-wrap:wrap;gap:.5rem}.op-event b{font-size:.62rem}.op-event div>span{font-size:.52rem}.op-event button{max-width:none;flex-basis:100%;font-size:.68rem;text-align:left;padding:5px 0 0}.op-sources{font-size:.46rem;gap:.6rem;flex-wrap:wrap}.story-bottom{font-size:.52rem;padding:.5rem 0;gap:.5rem}.story-bottom button{white-space:nowrap}.connection-ending{padding:3rem 0 4.5rem}.connection-ending h3{font-size:2.2rem}.connection-ending>p{font-size:.95rem}.signal-lines{display:none}.telegram-notice{padding:.6rem}.telegram-notice b{font-size:.7rem}.task-check{font-size:.65rem}}
@media(max-width:380px){.scenario-tabs button{font-size:.65rem;padding:.5rem}.story-copy h3{font-size:1.2rem}.story-copy>p{font-size:.76rem}.story-context{max-width:165px}.device-client,.device-team{width:265px;left:calc(50% - 132px)}.agent-bridge{width:265px;left:calc(50% - 132px)}.story-sticky{min-height:590px}}
@media(prefers-reduced-motion:reduce){.method-track,.story-track{height:auto}.method-sticky,.story-sticky{position:relative;top:0;height:auto;min-height:600px;padding-block:2rem}.method-sticky{min-height:600px}.story-layout{min-height:580px}.connected-stage{height:580px}.signal-pulse{animation:none}.device,.mini-app,.chat-bubble,.map-point,.map-point>span,.operation-dashboard,.agent-bridge{animation:none!important;transition:none!important}.method-map #map-progress{transition:none}.connection-section *{scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce) and (max-width:760px){.story-layout{min-height:730px}.connected-stage{min-height:480px}.method-sticky{min-height:560px}}

/* The dashboard begins as a live record, then expands when the operation takes focus. */
.map-point{transform:translate(-50%,-26px)}
@media(min-width:761px){
.connected-stage[data-step="2"] .operation-dashboard,.connected-stage[data-step="3"] .operation-dashboard{opacity:1;transform:none;left:0;width:235px;bottom:30px;pointer-events:none;border-color:#416374;box-shadow:0 10px 30px #0004}
.connected-stage[data-step="3"] .operation-dashboard{left:2%;bottom:10px;width:255px}
.connected-stage[data-step="2"] .operation-dashboard .op-metrics,.connected-stage[data-step="2"] .operation-dashboard .op-event,.connected-stage[data-step="2"] .operation-dashboard .op-sources,.connected-stage[data-step="3"] .operation-dashboard .op-metrics,.connected-stage[data-step="3"] .operation-dashboard .op-event,.connected-stage[data-step="3"] .operation-dashboard .op-sources{display:none}
.connected-stage[data-step="2"] .operation-dashboard .op-live,.connected-stage[data-step="3"] .operation-dashboard .op-live{display:none}
.connected-stage[data-step="2"] .op-record,.connected-stage[data-step="3"] .op-record{align-items:flex-start;flex-direction:column;gap:.5rem}
.connected-stage[data-step="2"] .op-header,.connected-stage[data-step="3"] .op-header{padding:7px 12px}
.connected-stage[data-step="2"] .op-main,.connected-stage[data-step="3"] .op-main{padding:10px 12px}
}
@media(max-width:760px){.map-point{transform:translate(-50%,-17px)}}