.context-lead{font-size:29px!important;max-width:1330px}
.package-scope{margin-top:30px;border:1px solid #49424f;border-radius:16px;padding:25px 40px;background:#16131c}
.package-scope-title{font-size:29px;color:#cfc8d5;margin-bottom:22px}
.package-generation{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}
.package-generation>div:not(.package-arrow){border-bottom:2px solid #ddac66;padding:10px 22px 20px}
.package-generation .mark{float:left;width:34px;height:34px;margin-right:12px}
.package-generation h3{font-size:32px;margin-bottom:10px}
.package-generation p{font-size:25px;margin:0}
.package-arrow{font-size:38px;text-align:center;color:#d4becb}
.package-compile{display:grid;grid-template-columns:1fr 1fr;gap:120px;margin-top:35px}
.package-compile>.android{order:2}
.package-compile>.shared{order:1}
.package-compile .node{padding:22px}
.package-output{text-align:center;margin-top:10px}
.package-output>span{font-size:33px;color:#b9adbe}
.package-output h3{font-size:33px;margin:6px 0}
.package-output .mark{width:32px;height:32px;vertical-align:middle;margin-right:10px}
.package-output p{font-size:26px;margin:8px 0}
.ownership-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}
.ownership-columns>div{padding:36px 34px 24px;min-height:480px;border:1.5px solid #5bc6b3;border-radius:16px;background:#153c34;box-shadow:0 18px 45px #0003}
.ownership-columns>div+div{border-color:#929ce2;background:#25283e}
.ownership-columns h3{font-size:38px;display:flex;align-items:center;gap:16px;margin-bottom:30px;min-height:54px}
.ownership-columns .mark{width:48px;height:48px;margin:0;flex-shrink:0}
.ownership-columns p{font-size:29px;line-height:1.3;margin:0;padding:18px 0;color:#f0edf5;border-top:1px solid #ffffff20}
.ownership-example{margin-top:35px!important;font-size:31px!important;color:white!important;max-width:1360px}
.progress-story{position:relative;height:555px;margin-top:40px}
.progress-owners{position:absolute;top:145px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:105px}
.progress-owners .node{height:175px;padding:32px 25px}
.progress-owners h3{font-size:32px;display:flex;align-items:center;gap:12px}
.progress-owners p{font-size:25px;margin-top:20px;line-height:1.3}
.signal-line{position:absolute;border-top:3px solid #75d6bd;width:100px;opacity:.2;transition:opacity .35s}
.signal-line:after{content:'';position:absolute;right:-1px;top:-8px;border-left:12px solid #75d6bd;border-top:6px solid transparent;border-bottom:6px solid transparent}
.signal-line span{position:absolute;bottom:20px;font-size:26px;white-space:nowrap;color:#9de7d2}
.request-line{left:200px;top:90px;width:525px;border-color:#e1b06a;opacity:1}
.request-line span{left:150px;color:#e1b06a}
.leftward:after{left:-1px;right:auto;border-left:0;border-right:12px solid #e1b06a}
.status-line{left:200px;top:365px;width:525px}
.status-line span{bottom:-45px;left:170px}
.update-line{left:725px;top:365px;width:518px}
.update-line span{bottom:-45px;left:155px}
.progress-story[data-phase="1"] .request-line{opacity:.25}
.progress-story[data-phase="1"] .status-line,.progress-story[data-phase="1"] .update-line{opacity:1}
.progress-story[data-phase="1"] .status-line{animation:enter .35s both}
.progress-story[data-phase="1"] .update-line{animation:enter .35s .35s both}
.signal-caption{font-size:31px!important;color:white!important;position:absolute;bottom:60px;left:0;margin:0!important}
.signal-controls{position:absolute;bottom:0;display:flex;align-items:center;gap:15px}
.signal-controls button{font-size:19px;background:#28212e;color:white;border:1px solid #796a85;border-radius:7px;padding:11px 18px}
.signal-controls span{font:19px Menlo,monospace;color:#aaa}
.notification-story-map{position:relative;height:600px;margin-top:50px}
.notification-delivery{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center}
.notification-delivery .node{padding:23px 28px}
.notification-arrow{font-size:40px;text-align:center;color:#bdb0ca}
.notification-tap{margin-top:45px;opacity:.18;transition:opacity .4s}
.notification-tap>h3{font-size:27px;color:#ff8abb;margin-bottom:20px}
.notification-sequence{display:grid;grid-template-columns:1fr 65px 1fr 65px 1fr;align-items:center}
.notification-sequence .node{height:166px;padding:26px 22px}
.notification-story .node h3{font-size:29px}
.notification-story .node p{font-size:25px;line-height:1.3}
.notification-story-map[data-phase="1"] .notification-tap{opacity:1}
.notification-story-map[data-phase="1"] .notification-delivery{opacity:.55}