/* Product chapters. The approved app views sit beside a longer editorial walkthrough. */
.experience-long{padding:39px 6% 0;overflow:visible;background:#0b0c13;position:relative;isolation:isolate}
.experience-long .experience-top{margin:75px 0 64px;align-items:flex-end}.experience-long .experience-top h2{font-size:clamp(52px,6vw,88px);letter-spacing:-.065em}.experience-long .experience-intro{margin:0}.experience-long .experience-intro p{font-size:13px;line-height:1.8;color:#a49baf;margin:0 0 15px}
.chapter-nav{position:sticky;top:0;z-index:20;display:flex;align-items:stretch;height:74px;border-block:1px solid #c5b5e023;background:#0b0c13ee;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.chapter-nav>a{display:flex;align-items:center;position:relative;flex:1;gap:17px;font-size:14px;color:#8b8098;padding:0 20px;transition:color .3s,background .3s;border-right:1px solid #c5b5e014}.chapter-nav>a:first-child{padding-left:0}.chapter-nav>a span{font:9px ui-monospace,monospace;color:#5e566a}.chapter-nav>a i{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:#c7a8ef;box-shadow:0 0 12px #bf9ff077;transition:width .4s var(--ease)}.chapter-nav>a[aria-current]{color:#f0e8fa;background:linear-gradient(0deg,#c3a2f00a,transparent)}.chapter-nav>a[aria-current] span{color:#c2a6e0}.chapter-nav>a[aria-current] i{width:calc(var(--chapter-read,0)*100%)}.chapter-nav>a:hover{color:#e5d7f6}.chapter-nav-note{display:flex;align-items:center;gap:24px;padding-left:25px;font:8px ui-monospace,monospace;color:#71647e;letter-spacing:.08em}.chapter-nav-note b{font:15px Arial,sans-serif;font-weight:400;color:#b49ac9}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);gap:9.5%;position:relative}.detail-narrative{min-width:0}.detail-chapter{padding:110px 0 110px;position:relative;border-bottom:1px solid #c8b2e024;scroll-margin-top:-10px}.detail-chapter:last-child{border-bottom:0}.detail-kicker{display:flex;justify-content:space-between;gap:18px;font:8px ui-monospace,monospace;letter-spacing:.07em;color:#7e6c92;line-height:1.8}.detail-kicker>span:first-child{color:#c7b3de}.detail-kicker>span:last-child{text-align:right;font-size:7px}.detail-heading h3{font-size:clamp(38px,4.3vw,65px);font-weight:400;letter-spacing:-.065em;line-height:1.07;margin:34px 0 25px;color:#ede7f6}.detail-heading>p{font-size:14px;line-height:1.85;color:#a89caf;max-width:430px;margin:0}.detail-heading{margin-bottom:45px}.detail-figure{position:relative;margin:32px 0;border:1px solid #d2b5ed26;border-radius:19px;background:linear-gradient(125deg,#bca3d50a,#b29edf03);box-shadow:inset 0 1px 0 #ece2ff09,0 18px 60px #00000012;padding:26px;overflow:hidden;isolation:isolate}.detail-figure:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 0 0,#d0b4ef09,transparent 70%)}.figure-heading{display:flex;justify-content:space-between;gap:12px;font:7px ui-monospace,monospace;letter-spacing:.07em;color:#ac96bd;line-height:1.6}.figure-heading>span:last-child{color:#6a5e76;text-align:right;font-size:6px}.detail-note{display:flex;gap:20px;margin:35px 0 26px;padding:0 3px}.note-number{font-size:15px;color:#8a739d;line-height:1.8}.detail-note p{font-size:11px;line-height:1.85;color:#8f819c;margin:0;max-width:380px}.detail-note strong{display:block;font-size:12px;font-weight:400;color:#d4c5e0;margin-bottom:7px}.detail-cta{border-bottom:1px solid #b49bc440;font-size:12px;min-height:46px;display:inline-flex;align-items:center;gap:50px;padding:0 0 9px;color:#cbb9db}.detail-cta>span{font-size:18px}.detail-cta:hover{color:#fff;border-color:#c3a5df}
.home-dayline{padding-bottom:10px;background:linear-gradient(140deg,#b9cce50a,#b8a2cf03)}.dayline-track{margin:34px 0 6px}.dayline-event{display:grid;grid-template-columns:45px 13px 1fr auto;column-gap:17px;position:relative;min-height:108px;padding-bottom:30px;align-items:start}.dayline-event:after{content:"";position:absolute;width:1px;left:68px;top:11px;bottom:0;background:linear-gradient(#b4a3d233,#b4a3d218)}.dayline-event:last-child{min-height:79px;padding-bottom:0}.dayline-event:last-child:after{display:none}.dayline-event time{font-size:11px;font-weight:400;color:#a79bb5;padding-top:1px}.dayline-event>i{width:7px;height:7px;border:1px solid #9484a7;border-radius:50%;margin:4px 0 0 3px;z-index:1;background:#15121f}.dayline-event.next>i{background:#c6afe7;box-shadow:0 0 13px #bc9ce066;border-color:#e8d8fa}.dayline-event strong{font-size:12px;font-weight:400;line-height:1.6;color:#d7cce2}.dayline-event p{font-size:10px;line-height:1.7;color:#83758f;margin:6px 0 0}.dayline-chip{font-size:9px;color:#b6c5d6;padding:5px 8px;border:1px solid #b6c5d62c;border-radius:6px;white-space:nowrap}.mini-apps{display:flex;align-items:center;flex-shrink:0;gap:5px}.mini-apps .app-icon{width:22px;height:22px;min-width:22px;border-radius:7px;color:#f5edfa;box-shadow:inset 0 1px 0 #fff2}.mini-apps small{font-size:9px;letter-spacing:0;color:#9989a7;margin-left:6px}.dayline-event .mini-apps{margin-top:14px}.dayline-event .mini-apps .app-icon{width:19px;height:19px;min-width:19px;border-radius:6px}
.group-presets{display:flex;gap:7px;margin:25px 0 28px}.group-presets>button{font-size:10px;color:#8c7d9b;border-radius:30px;min-height:35px;padding:0 15px;border:1px solid #c4a5df21;background:transparent;transition:background .3s,color .3s,border-color .3s}.group-presets>button[aria-pressed=true]{color:#e4d8f1;background:linear-gradient(130deg,#c2a0e427,#cfb8ee0b);border-color:#d7b9f04a;box-shadow:inset 0 1px #fff1}.group-selection{display:flex;justify-content:space-between;align-items:center;gap:20px}.group-selection h4{font-size:25px;letter-spacing:-.045em;font-weight:400;color:#e6daef;margin:0 0 8px}.group-selection span:not(.group-lock){font-size:10px;color:#9b83ad}.group-lock{width:33px;height:33px;border-radius:50%;border:1px solid #c8a5e724;background:#cba8e408;display:grid;place-items:center;color:#a486b9}.group-lock>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.group-example-apps{display:flex;gap:18px;margin:28px 0;min-height:75px}.group-example-apps>div{display:flex;flex-direction:column;gap:10px;align-items:center}.group-example-apps .app-icon{width:43px;height:43px;border-radius:13px;box-shadow:inset 0 1px 0 #fff2,0 4px 10px #0001;color:#f4edf9}.group-example-apps small{font-size:8px;color:#9a83ac}.group-used{display:flex;gap:18px;align-items:center;border-top:1px solid #c8a9e120;padding:16px 0 0}.group-used>span{font:7px ui-monospace,monospace;letter-spacing:.08em;color:#776086}.group-used strong{font-size:10px;font-weight:400;color:#b7a0c9}.small-arrow{width:31px;min-width:31px;height:31px;border:1px solid #c3a4de2c;border-radius:50%;display:grid;place-items:center;color:#bba3cf;font-size:15px;margin-left:auto;transition:background .2s}.small-arrow:hover{background:#c9a2eb18}.allowed-divider{display:flex;align-items:center;gap:14px;margin:27px 0 20px;font:7px ui-monospace,monospace;letter-spacing:.1em;color:#a2b4b7}.allowed-divider i{height:1px;background:#a1b6c120;flex:1}.essentials-row{display:flex;gap:15px;align-items:center}.essentials-row p{font-size:10px;color:#c7d2d7;line-height:1.7;margin:0}.essentials-row p small{display:block;font-size:8px;color:#7c8c98}.essentials-row .mini-apps{gap:4px}.essentials-row .mini-apps .app-icon{width:21px;height:21px;min-width:21px;border-radius:6px}.essentials-row .small-arrow{color:#b1c5cd;border-color:#b1c5cd2c}
.schedule-feature{background:linear-gradient(130deg,#b99bcb0b,#aea3cf03);margin-top:24px}.schedule-feature-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0}.schedule-feature-title h4{font-size:18px;letter-spacing:-.03em;font-weight:400;color:#e1d4ed;margin:0}.schedule-feature-title>span{font-size:8px;color:#9e87b0;display:flex;align-items:center;gap:6px}.schedule-feature-title i{width:4px;height:4px;border-radius:50%;background:#b5a1cd}.schedule-feature-time{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:25px 0}.schedule-feature-time>div{display:flex;flex-direction:column;gap:8px}.schedule-feature-time>div>span{font:7px ui-monospace,monospace;letter-spacing:.06em;color:#82708e}.schedule-feature-time strong{font-size:clamp(30px,3.6vw,50px);letter-spacing:-.055em;font-weight:300;line-height:1.1;color:#dfcfee;font-variant-numeric:tabular-nums}.schedule-feature-time>span{color:#7d678d;font-size:20px}.weekday-strip{display:flex;justify-content:space-between;gap:8px;margin:25px 0 23px}.weekday-strip>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c2a0dd17;color:#62516e;font-size:9px;border-radius:50%}.weekday-strip>.on{background:#c5a5df12;border-color:#d5b5f133;color:#c7addd;box-shadow:inset 0 1px 0 #fff1}.schedule-feature-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #c8a9e11c;padding-top:17px}.schedule-feature-footer .text-link{font-size:9px;gap:16px;padding:5px 0;white-space:nowrap}.schedule-feature-footer .mini-apps{gap:3px}.schedule-feature-footer .mini-apps .app-icon{width:18px;height:18px;min-width:18px;border-radius:6px}.schedule-feature-footer .mini-apps small{font-size:8px;margin-left:5px}
.focus-builder{background:radial-gradient(ellipse at 100% 0,#9c79ba12,transparent 60%),linear-gradient(130deg,#9da9cc0b,#b895c705);padding-top:25px}.focus-length{display:flex;flex-direction:column;align-items:center;padding:35px 0 25px}.focus-length strong{font-size:clamp(67px,7vw,103px);letter-spacing:-.065em;font-weight:300;line-height:1.05;color:#dbcced;font-variant-numeric:tabular-nums;text-shadow:0 0 32px #d7bef015}.focus-length strong>span{color:#9182a9}.focus-length>span{font:7px ui-monospace,monospace;letter-spacing:.11em;color:#8b7a9e;margin-top:16px}.duration-presets{display:flex;justify-content:center;gap:10px;margin:0 0 30px}.duration-presets>button{border-radius:9px;border:1px solid #bca1da25;min-height:35px;min-width:72px;padding:0 12px;font-size:10px;color:#9483a7;background:#c0a2db04}.duration-presets>button[aria-pressed=true]{background:linear-gradient(145deg,#c4b3e62b,#b9bde610);border-color:#d5c1ec55;color:#e3d8f4;box-shadow:inset 0 1px #fff1}.focus-boundary{border-top:1px solid #c7b1de20;padding:20px 0;display:flex;gap:14px;align-items:center}.focus-boundary>div:not(.mini-apps){display:flex;flex-direction:column;gap:6px}.focus-boundary strong{font-size:10px;color:#cdbade;font-weight:400}.focus-boundary small{font-size:8px;color:#7f6d91}.focus-boundary>svg{width:15px;height:15px;stroke:#ae99cb;fill:none;stroke-width:1.5;margin-left:auto}.focus-preview-start{border:1px solid #e4d8f533;border-radius:10px;min-height:47px;width:100%;background:linear-gradient(105deg,#c7b6e8,#b4bddc);box-shadow:inset 0 1px #fff5;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#262030;font-size:11px}.focus-preview-start>span{font-size:17px}.focus-preview-start:hover{filter:brightness(1.1)}.focus-states{margin-top:37px;border-top:1px solid #c0a3d320}.focus-states>button{width:100%;display:flex;align-items:center;gap:23px;padding:22px 0;text-align:left;border-bottom:1px solid #c0a3d320}.focus-states>button>span{font:8px ui-monospace,monospace;color:#665572}.focus-states strong{display:block;font-weight:400;font-size:13px;color:#84728f;margin-bottom:8px}.focus-states small{font-size:10px;line-height:1.6;color:#62536e}.focus-states i{width:7px;height:7px;border:1px solid #62516f;border-radius:50%;margin-left:auto;transition:box-shadow .2s}.focus-states [aria-pressed=true] strong{color:#d4c0e8}.focus-states [aria-pressed=true] small{color:#9b83af}.focus-states [aria-pressed=true] i{background:#cfb4ed;border-color:#ead3ff;box-shadow:0 0 18px #c3a4e766}
.report-example{background:linear-gradient(135deg,#a7bed40c,#c5acd505);padding-bottom:19px}.report-switch{display:flex;gap:20px;border-bottom:1px solid #b9aed41a;margin:27px 0}.report-switch>button{padding:0 0 12px;position:relative;font-size:10px;color:#83758e;min-height:30px}.report-switch>button[aria-pressed=true]{color:#d5c9e5}.report-switch>button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;background:#c3afe4;height:1px}.report-example-value{display:flex;flex-direction:column;gap:10px;margin:22px 0 24px}.report-example-value strong{font-weight:300;letter-spacing:-.06em;font-size:61px;color:#dfd7ee;line-height:1}.report-example-value strong>span{font-size:21px;letter-spacing:0;color:#9486a4;margin:0 12px 0 5px}.report-example-value>span{font-size:9px;color:#82718f}.report-bars{display:flex;gap:19px;height:135px;align-items:flex-end;border-bottom:1px solid #c8b1dd22;position:relative;margin:20px 0 35px;background:repeating-linear-gradient(0deg,transparent 0 44px,#d1bed909 44px 45px)}.report-bars>div{position:relative;flex:1;display:flex;height:100%;align-items:flex-end;justify-content:center}.report-bars i{display:block;position:relative;width:100%;max-width:30px;height:var(--height);border-radius:6px 6px 0 0;background:linear-gradient(#b8bad6c7,#9c8cb970);border:1px solid #dbd9ee33;border-bottom:0;box-shadow:inset 0 1px #fff3;transition:height .7s var(--ease),background .5s}.report-bars>div>span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:8px;color:#756680}.report-example-foot{display:flex;justify-content:space-between;font:6px ui-monospace,monospace;letter-spacing:.07em;color:#6e617b}.report-definitions{margin:34px 0}.report-definitions>div{display:grid;grid-template-columns:100px 1fr;gap:25px;border-top:1px solid #c6a9df1c;padding:20px 0}.report-definitions>div:last-child{border-bottom:1px solid #c6a9df1c}.report-definitions dt{font-size:11px;color:#c7b5d8}.report-definitions dd{font-size:10px;line-height:1.85;color:#8c789d;margin:0;max-width:270px}
.detail-viewer{min-width:0;align-self:stretch;position:relative;border-left:1px solid #c5b2df0b}.viewer-inner{position:sticky;top:74px;height:calc(100svh - 74px);min-height:0;max-height:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px 0;isolation:isolate;overflow:clip}.viewer-inner:before{position:absolute;content:"";inset:5% -25% 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 55% 50%,#8f6cba23,transparent 62%);transition:background 1s}.viewer-orbit{position:absolute;z-index:-1;pointer-events:none;top:50%;left:50%;width:510px;height:510px;border-radius:50%;border:1px solid #b59dc515;transform:translate(-50%,-50%);box-shadow:0 0 0 48px #be9ed504,0 0 0 96px #be9ed503}.viewer-heading,.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;width:calc(390px * var(--viewer-scale) + 16px);max-width:100%;font:7px ui-monospace,monospace;letter-spacing:.08em;color:#6d5d7a;flex-shrink:0}.viewer-heading>span:last-child{color:#a793bb}.viewer-inner{--viewer-scale:min(.78,calc((100svh - 185px)/844px))}.chapter-device{position:relative;isolation:isolate;justify-self:center;--phone-scale:var(--viewer-scale);flex-shrink:0}.chapter-device>.iphone{pointer-events:none}.device-hitarea{position:absolute;inset:0;z-index:9;border-radius:calc(51px * var(--phone-scale) + 7px);background:transparent;cursor:pointer;display:block;width:100%}.device-hitarea:focus-visible{outline-offset:7px}.device-hitarea:hover{box-shadow:0 0 40px #b99adc12}.viewer-foot .text-link{font-size:9px;gap:20px;padding:7px 0;color:#c0aad2;letter-spacing:0;font-family:Arial,sans-serif}.viewer-foot>span{font-size:6px;letter-spacing:.04em}.viewer-sample{font-size:8px;color:#584d62;margin:-9px 0 0;text-align:center}.mobile-device-slot{display:none}.experience-outro{border-top:1px solid #c5a6db26;padding:60px 0 75px;display:flex;flex-wrap:wrap;align-items:center;gap:30px}.experience-outro>img{width:35px;height:35px;object-fit:contain}.experience-outro>p{font-size:31px;letter-spacing:-.04em;line-height:1.15;color:#d7c6e4;margin:0}.experience-outro>p span{color:#82708f}.experience-outro>.button{margin-left:auto}.experience-outro>.micro{flex-basis:100%;text-align:right;color:#62516f;font-size:7px;margin-top:-11px}
@media(min-width:1600px){.experience-long{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.detail-heading h3{font-size:66px}.detail-layout{gap:12%}}
@media(min-width:901px) and (max-width:1100px){.detail-layout{gap:6%;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.detail-heading h3{font-size:44px}.detail-heading>p{font-size:12px}.detail-figure{padding:21px}.group-example-apps{gap:14px}.group-example-apps .app-icon{width:38px;height:38px}.essentials-row{gap:10px}.essentials-row p{font-size:9px}.essentials-row p small{font-size:7px}.schedule-feature-footer .mini-apps small{font-size:7px}.schedule-feature-footer .text-link{font-size:8px;gap:8px}.dayline-event{column-gap:12px;grid-template-columns:40px 13px 1fr auto}.dayline-event:after{left:58px}.dayline-chip{display:none}.chapter-nav-note{display:none}.chapter-nav>a{font-size:13px}}
@media(max-width:900px){.experience-long{padding:30px 6% 0;overflow:visible}.experience-long .experience-top{margin:45px 0 35px;display:block}.experience-long .experience-top h2{font-size:clamp(43px,8vw,67px)}.experience-long .experience-intro{margin:22px 0 0}.experience-long .experience-intro p{font-size:12px;line-height:1.8;margin-bottom:8px}.experience-long .experience-intro br{display:block}.chapter-nav{height:63px;margin:0 -6.82%;padding:0 6%;background:#0b0c13f2}.chapter-nav>a{padding:0 12px;justify-content:center;gap:10px;font-size:12px;border-right:0}.chapter-nav>a:first-child{padding-left:0;justify-content:flex-start}.chapter-nav>a:last-of-type{padding-right:0;justify-content:flex-end}.chapter-nav>a span{font-size:7px}.chapter-nav-note{display:none}.detail-layout{display:block}.detail-viewer{display:none}.detail-chapter{padding:64px 0 55px;scroll-margin-top:38px}.detail-heading{margin-bottom:32px}.detail-heading h3{font-size:clamp(39px,8vw,60px);margin:28px 0 23px;line-height:1.09}.detail-heading>p{font-size:12px;line-height:1.85;max-width:540px}.detail-kicker{font-size:8px}.detail-kicker>span:last-child{font-size:6px}.detail-figure{padding:24px;margin:29px 0}.detail-note{gap:17px;margin:28px 0 20px}.detail-note p{font-size:11px;max-width:520px}.detail-note strong{font-size:12px}.detail-cta{font-size:12px;min-height:48px}.mobile-device-slot{display:flex;flex-direction:column;align-items:center;gap:24px;padding:45px 0 12px;position:relative;isolation:isolate}.mobile-device-slot:before{content:"";position:absolute;inset:0 -6%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#9970ba26,transparent 67%);pointer-events:none}.mobile-device-slot .chapter-device{--phone-scale:.78}.device-caption{font:7px ui-monospace,monospace;letter-spacing:.05em;color:#806b91;text-align:center;line-height:1.8}.device-caption i{font-style:normal;margin:0 7px;color:#53425e}.experience-outro{padding:45px 0;gap:21px}.experience-outro>p{font-size:28px}.experience-outro>.button{margin-left:auto;font-size:10px}.experience-outro>.micro{font-size:6px}.report-bars{height:145px}.focus-length strong{font-size:85px}.schedule-feature-time strong{font-size:46px}.weekday-strip>span{width:35px;height:35px}.essentials-row p{font-size:10px}.essentials-row p small{font-size:8px}.dayline-event{grid-template-columns:45px 13px 1fr auto}.dayline-event:after{left:68px}}
@media(max-width:500px){.detail-figure{padding:21px}.figure-heading{font-size:6px}.figure-heading>span:last-child{font-size:5px}.group-example-apps{gap:20px;margin-top:25px}.group-example-apps .app-icon{width:40px;height:40px;border-radius:12px}.group-example-apps small{font-size:7px}.group-presets>button{font-size:9px;min-height:34px;padding:0 13px}.group-selection h4{font-size:24px}.group-selection span:not(.group-lock){font-size:9px}.essentials-row{gap:10px}.essentials-row .mini-apps{gap:3px}.essentials-row .mini-apps .app-icon{width:17px;height:17px;min-width:17px;border-radius:5px}.essentials-row p{font-size:8px}.essentials-row p small{font-size:7px}.essentials-row .small-arrow{width:26px;height:26px;min-width:26px}.dayline-event{column-gap:10px;grid-template-columns:35px 13px 1fr;min-height:110px}.dayline-event:after{left:51px}.dayline-event time{font-size:10px}.dayline-event strong{font-size:11px}.dayline-event p{font-size:9px}.dayline-chip{display:none}.dayline-event .mini-apps .app-icon{width:17px;height:17px;min-width:17px;border-radius:5px}.schedule-feature-title h4{font-size:17px}.schedule-feature-time{gap:18px}.schedule-feature-time strong{font-size:42px}.weekday-strip{gap:6px}.weekday-strip>span{width:30px;height:30px;font-size:8px}.schedule-feature-footer .mini-apps .app-icon{width:17px;height:17px;min-width:17px;border-radius:5px}.schedule-feature-footer .mini-apps small{font-size:7px;margin-left:4px}.schedule-feature-footer .text-link{font-size:8px;gap:10px}.focus-length strong{font-size:83px}.focus-length>span{font-size:6px}.focus-boundary{gap:12px}.focus-boundary .mini-apps{gap:3px}.focus-boundary .mini-apps .app-icon{width:19px;height:19px;min-width:19px;border-radius:6px}.focus-boundary strong{font-size:10px}.focus-boundary small{font-size:7px}.duration-presets{gap:8px}.duration-presets>button{font-size:9px;min-width:66px}.report-example-value strong{font-size:58px}.report-definitions>div{grid-template-columns:85px 1fr;gap:20px}.report-definitions dt{font-size:10px}.report-definitions dd{font-size:10px}.report-bars{gap:19px}.detail-kicker>span:last-child{font-size:5px}.detail-note strong{font-size:11px}.detail-note p{font-size:10px}.experience-outro>.button{width:100%;font-size:11px;margin-top:5px}.experience-outro>.micro{text-align:left;margin-top:0}.experience-outro>p{margin-left:auto;font-size:25px}.chapter-nav>a{font-size:11px;gap:8px}.chapter-nav>a span{font-size:6px}}
@media(max-width:380px){.mobile-device-slot .chapter-device{--phone-scale:.71}.detail-heading h3{font-size:37px}.detail-figure{padding:18px}.group-example-apps{gap:17px}.group-example-apps .app-icon{width:36px;height:36px;border-radius:11px}.group-example-apps small{font-size:6px}.essentials-row{gap:8px}.essentials-row p{font-size:7px}.essentials-row p small{font-size:6px}.schedule-feature-time strong{font-size:38px}.schedule-feature-footer .text-link{font-size:7px;gap:7px}.weekday-strip>span{width:28px;height:28px}.focus-boundary{gap:8px}.focus-boundary small{font-size:6px}.focus-states small{font-size:9px}.report-example-value strong{font-size:54px}}
@media(prefers-reduced-motion:reduce){.chapter-nav>a i,.report-bars i{transition:none}.viewer-orbit{animation:none}}

.experience-long[data-current="home"] .viewer-inner:before{background:radial-gradient(ellipse at 55% 50%,#8faac11d,transparent 62%)}
.experience-long[data-current="focus"] .viewer-inner:before{background:radial-gradient(ellipse at 55% 50%,#688ba329,transparent 62%)}
.experience-long[data-current="insights"] .viewer-inner:before{background:radial-gradient(ellipse at 55% 50%,#a28eb921,transparent 62%)}
.screen-enter{animation:screenEnter .6s var(--ease) both}
@keyframes screenEnter{from{opacity:.55;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.screen-enter{animation:none}}

@media(min-width:901px) and (max-width:1000px){.detail-chapter{scroll-margin-top:49px}}
/* Small labels remain legible alongside the larger interface details. */
.figure-heading{font-size:8px}.figure-heading>span:last-child{font-size:7px;color:#9886a7}.detail-kicker>span:last-child{font-size:7px;color:#9684a4}.group-example-apps small{font-size:9px}.essentials-row p{font-size:11px}.essentials-row p small{font-size:9px}.report-example-foot{font-size:7px;color:#9a87aa}.focus-length>span{font-size:8px;color:#a28bb4}.group-example-apps>div{animation:appChoice .45s var(--ease) both}.group-example-apps>div:nth-child(2){animation-delay:.04s}.group-example-apps>div:nth-child(3){animation-delay:.08s}.group-example-apps>div:nth-child(4){animation-delay:.12s}@keyframes appChoice{from{transform:translateY(6px)}to{transform:translateY(0)}}
.motion-paused .screen-enter,.motion-paused .group-example-apps>div{animation:none}
@media(max-width:500px){.figure-heading{font-size:7px}.figure-heading>span:last-child{font-size:6px}.detail-kicker>span:last-child{font-size:6px}.group-example-apps small{font-size:8px}.essentials-row p{font-size:10px}.essentials-row p small{font-size:8px}.dayline-event strong{font-size:12px}.dayline-event p{font-size:10px}.schedule-feature-footer .mini-apps small{font-size:8px}.schedule-feature-footer .text-link{font-size:9px}.focus-length>span{font-size:7px}}
@media(max-width:380px){.mobile-device-slot .chapter-device{--phone-scale:min(.71,calc((100vw - 64px)/390px))}.group-example-apps small{font-size:7px}.essentials-row p{font-size:9px}.essentials-row p small{font-size:8px}.schedule-feature-footer .mini-apps small{font-size:7px}.schedule-feature-footer .text-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){.group-example-apps>div{animation:none}}
.chapter-device:not(.is-visible) .app-gem{animation-play-state:paused!important}
@media(min-width:600px) and (max-width:900px){.detail-narrative{max-width:600px;margin-inline:auto}}