.chapter-showcase{padding-block:82px 92px;background:#f7faff;scroll-margin-top:88px;overflow:hidden}.chapter-showcase-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.chapter-showcase-copy{min-width:0;max-width:490px}.chapter-showcase h2{font:700 clamp(36px,3.6vw,48px)/1.12 var(--body);letter-spacing:-1.6px;color:#11243e;margin-top:18px}.chapter-showcase-lede{font-size:18px;line-height:1.75;color:#536a86;margin-top:25px;max-width:445px}.chapter-source-list{display:grid;gap:22px;list-style:none;padding:0;margin:31px 0 0}.chapter-source-list li{display:flex;gap:17px;align-items:center}.chapter-source-list li>span{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #c5d9f6;background:#eaf2ff;color:#1667d8;border-radius:12px}.chapter-source-list svg{width:24px;height:24px}.chapter-source-list h3{font:700 19px/1.35 var(--body);letter-spacing:-.3px;color:#142b48}.chapter-source-list p{font-size:14px;color:#60758f;line-height:1.6;margin-top:3px}.chapter-remember-note{display:flex;gap:12px;align-items:flex-start;margin-top:31px;padding-top:24px;border-top:1px solid #cfdff2;font-size:13px;line-height:1.85;color:#4c6584;max-width:435px}.chapter-remember-note>span{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;margin-top:1px;background:#dfedff;color:#0865d6;border-radius:50%}.chapter-remember-note svg{width:16px;height:16px}.chapter-showcase-copy>.button{margin-top:27px;font-size:14px;min-height:49px;background:#fff;border-color:#b9d0ef;color:#145fc4;font-weight:700}.chapter-showcase-visual{position:relative;width:100%;height:700px;min-width:0}.chapter-visual-interior{position:relative;isolation:isolate;width:100%;height:100%;user-select:none;pointer-events:none}.chapter-visual-glow{position:absolute;inset:45px -40px 25px;border-radius:50%;background:radial-gradient(ellipse,#c6dcff 0%,#dfebff 46%,#f7faff00 72%);z-index:-2}.chapter-visual-dots{position:absolute;left:0;top:100px;width:92px;height:225px;opacity:.5;background-image:radial-gradient(#8db6ec 1.3px,transparent 1.3px);background-size:16px 16px;z-index:-1}.chapter-device{position:absolute;top:1px;left:50%;transform:translateX(-39%) rotate(3deg);width:305px;aspect-ratio:390/844;padding:8px;border:1px solid #607082;border-radius:47px;background:linear-gradient(120deg,#4c535c,#10171e 30%,#141d2b 80%,#5b6672);box-shadow:0 34px 52px #183c6738,0 5px 10px #0b294d22;z-index:3}.chapter-device-screen{position:relative;width:100%;height:100%;background:#fafcff;border-radius:39px;overflow:hidden}.chapter-device-status{position:absolute;inset:0 0 auto;height:46px;display:flex;align-items:center;justify-content:space-between;padding:3px 22px 0;color:#172c47;font-size:10px;font-weight:700}.chapter-device-status>i{position:absolute;width:86px;height:24px;left:50%;top:9px;border-radius:20px;background:#11161d;transform:translateX(-50%)}.chapter-device-status>span:last-child{font-size:8px;letter-spacing:-1px}.chapter-phone-content{padding:57px 16px 22px}.chapter-phone-brand{display:flex;gap:7px;align-items:center}.chapter-phone-brand img{border-radius:5px;flex-shrink:0}.chapter-phone-brand strong{font:700 12px/1.3 var(--body);letter-spacing:-.35px;color:#0d2341}.chapter-phone-title{font:700 25px/1.2 var(--body);letter-spacing:-.8px;color:#112844;margin-top:19px}.chapter-phone-subtitle{font-size:10px;color:#6c7f96;margin-top:6px;line-height:1.5}.chapter-phone-collection{display:flex;align-items:center;gap:6px;margin-top:15px;padding-block:10px;border-top:1px solid #dfe8f2;border-bottom:1px solid #dfe8f2;color:#4a6587;font-size:10px}.chapter-phone-collection>svg{width:14px;height:14px;color:#3679d2}.chapter-phone-collection small{font-size:6px;letter-spacing:.6px;color:#8596aa;margin-left:auto}.chapter-phone-import{position:relative;padding:14px 12px 12px 45px;border:1px solid #d2dfef;border-radius:11px;background:white;margin-top:12px;box-shadow:0 3px 7px #294a7210}.chapter-phone-import>div:first-of-type>strong{font:700 12px/1.35 var(--body);color:#173a65;display:block;letter-spacing:-.1px}.chapter-phone-import>div:first-of-type>span{font-size:8px;line-height:1.5;color:#7b8da5;display:block;margin-top:3px}.chapter-phone-method-icon{position:absolute;left:13px;top:16px;width:22px;height:22px;color:#1764c9}.chapter-phone-method-icon svg{width:100%;height:100%}.chapter-phone-website{background:#f1f7ff;border-color:#a5c8f8}.chapter-phone-url{display:flex;align-items:center;gap:8px;margin-top:12px;margin-left:-31px;padding:9px 10px;background:#fff;border:1px solid #d5e2f2;border-radius:5px;color:#8a9bb0;font-size:9px}.chapter-phone-url>span{color:#4d80bd;font-size:13px;line-height:1}.chapter-phone-page-strip{display:flex;align-items:center;gap:6px;margin-top:12px;margin-left:-31px}.chapter-phone-page-strip>span{position:relative;width:40px;height:48px;overflow:hidden;background:#f7f9fc;border:1px solid #b9c9da;border-radius:4px}.chapter-phone-page-strip img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1)}.chapter-phone-page-strip i{position:absolute;left:3px;bottom:3px;border-radius:50%;width:12px;height:12px;display:grid;place-items:center;background:#1765d5;color:#fff;border:1px solid #fff;font-size:6px;line-height:1;font-style:normal}.chapter-phone-page-strip>small{font-size:7px;color:#6f86a1;line-height:1.65;margin-left:4px}.chapter-phone-file{position:relative;margin-top:12px;margin-left:-31px;min-height:38px;padding:3px 0 2px 35px;border-top:1px solid #e7edf5;padding-top:9px}.chapter-phone-file>span{position:absolute;left:0;top:8px;display:grid;place-items:center;width:26px;height:29px;background:#e5eeff;border:1px solid #b4cdf0;border-radius:3px;color:#2b6dc6;font-size:7px;font-weight:700}.chapter-phone-file strong{display:block;font-size:9px;font-weight:500;color:#4d6988}.chapter-phone-file small{display:block;font-size:7px;color:#8c9daf;margin-top:3px;line-height:1.5}.chapter-device-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:86px;height:4px;background:#122740;border-radius:8px}.chapter-art-page{position:absolute;top:109px;width:173px;aspect-ratio:2/3;padding:6px;background:#fff;border:1px solid #b9cce4;border-radius:6px;box-shadow:0 15px 30px #133c661f;overflow:hidden;z-index:1}.chapter-art-page img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.chapter-art-page-left{left:0;transform:rotate(-13deg);top:115px}.chapter-art-page-right{right:-11px;top:257px;transform:rotate(12deg);width:142px;z-index:2}.chapter-saved-card{position:absolute;left:2%;bottom:31px;width:270px;padding:19px 20px 15px;background:#0d2a52;border:1px solid #447aaf;border-radius:14px;box-shadow:0 17px 28px #0f386b2e;z-index:4;color:white;transform:rotate(-3deg)}.chapter-saved-heading{display:flex;align-items:center;gap:8px}.chapter-saved-heading>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#4584d34d;border:1px solid #79b5f561;flex-shrink:0;color:#a8dcff}.chapter-saved-heading svg{width:15px;height:15px}.chapter-saved-heading>strong{font:700 12px/1.4 var(--body);letter-spacing:-.15px}.chapter-saved-card>p{font-size:9px;color:#9cbedf;line-height:1.6;margin-top:7px}.chapter-saved-pair{display:flex;align-items:center;gap:10px;margin-top:13px}.chapter-saved-pair>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500}.chapter-saved-pair i{display:grid;place-items:center;min-width:21px;height:21px;border:1px solid #81b7ec44;border-radius:5px;color:#b0d7ff;background:#6c9bdc26;font-size:9px;font-weight:700;font-style:normal}.chapter-saved-pair>b{font-size:12px;font-weight:400;color:#78b2ec}.chapter-saved-direction{display:flex;align-items:center;gap:7px;border-top:1px solid #83acd93b;padding-top:11px;margin-top:12px;font-size:10px;color:#b7cfe8}.chapter-saved-direction>span:first-child{font-size:15px;color:#a6cff8;line-height:1}.chapter-saved-direction small{font-size:8px;margin-left:auto;color:#9dceb9}.chapter-visual-caption{position:absolute;right:23px;bottom:5px;font-size:7px;letter-spacing:1.2px;color:#87a0bc;z-index:4}
@media(min-width:1600px){.chapter-showcase-layout{gap:95px}.chapter-showcase-visual{max-width:640px}.chapter-device{left:53%}}
@media(max-width:1200px){.chapter-showcase-layout{gap:35px;grid-template-columns:1fr 1.1fr}.chapter-showcase h2{font-size:41px}.chapter-showcase-lede{font-size:16px}.chapter-showcase-visual{height:670px}.chapter-device{width:290px;transform:translateX(-44%) rotate(3deg)}.chapter-saved-card{width:247px;left:-1%;bottom:18px;padding:17px 16px 14px}.chapter-art-page-left{left:-10px;width:145px}.chapter-art-page-right{right:-12px;width:125px;top:230px}.chapter-phone-content{padding-inline:14px;padding-top:54px}.chapter-phone-title{font-size:23px}.chapter-phone-import{padding-top:12px;padding-bottom:11px;margin-top:10px}.chapter-phone-import>div:first-of-type>strong{font-size:12px}.chapter-visual-caption{bottom:0;right:0}}
@media(max-width:1000px){.chapter-showcase-layout{gap:25px;grid-template-columns:1fr 1fr}.chapter-showcase-visual{height:650px}.chapter-device{width:268px;left:47%;transform:translateX(-40%) rotate(3deg)}.chapter-showcase h2{font-size:36px;letter-spacing:-1.2px}.chapter-showcase-lede{font-size:16px}.chapter-source-list{gap:21px;margin-top:27px}.chapter-source-list li{gap:12px}.chapter-source-list li>span{width:42px;height:44px}.chapter-source-list svg{width:21px;height:21px}.chapter-source-list h3{font-size:17px}.chapter-source-list p{font-size:12px}.chapter-saved-card{width:235px;left:0;bottom:25px;padding:16px}.chapter-art-page-left{left:-5px;width:125px;top:120px}.chapter-art-page-right{right:-10px;width:110px;top:245px}.chapter-phone-content{padding-inline:12px;padding-top:52px}.chapter-phone-title{font-size:23px;margin-top:16px}.chapter-phone-subtitle{font-size:9px}.chapter-phone-collection{margin-top:12px;padding-block:8px}.chapter-phone-import{padding-left:40px;padding-top:11px;padding-bottom:10px;margin-top:9px}.chapter-phone-method-icon{left:11px;top:13px;width:20px;height:20px}.chapter-phone-url,.chapter-phone-page-strip,.chapter-phone-file{margin-left:-28px;margin-top:9px}.chapter-phone-page-strip>span{height:42px;width:35px}.chapter-remember-note{font-size:12px;gap:10px;margin-top:27px;padding-top:21px}.chapter-device-status{padding-inline:20px}}
@media(max-width:767px){.chapter-showcase{padding-block:56px 55px}.chapter-showcase-layout{grid-template-columns:1fr;gap:43px}.chapter-showcase-copy{max-width:560px}.chapter-showcase h2{font-size:36px;line-height:1.13;letter-spacing:-1.25px;margin-top:16px}.chapter-showcase-lede{font-size:16px;line-height:1.75;max-width:510px;margin-top:21px}.chapter-source-list{margin-top:27px;gap:19px}.chapter-source-list li>span{width:44px;height:45px}.chapter-source-list h3{font-size:17px}.chapter-source-list p{font-size:13px;line-height:1.5}.chapter-remember-note{font-size:12px;line-height:1.8;max-width:100%;padding-top:22px;margin-top:27px}.chapter-showcase-copy>.button{margin-top:24px;font-size:13px}.chapter-showcase-visual{height:684px;max-width:460px;justify-self:center}.chapter-device{width:290px;left:50%;top:0;transform:translateX(-45%) rotate(3deg)}.chapter-phone-content{padding:54px 15px 22px}.chapter-phone-title{font-size:24px;margin-top:18px}.chapter-phone-subtitle{font-size:10px}.chapter-phone-collection{padding-block:9px;margin-top:14px}.chapter-phone-import{padding:13px 12px 11px 44px;margin-top:11px}.chapter-phone-method-icon{left:12px;top:15px;width:22px;height:22px}.chapter-phone-url,.chapter-phone-page-strip,.chapter-phone-file{margin-left:-30px;margin-top:11px}.chapter-phone-page-strip>span{width:39px;height:47px}.chapter-saved-card{left:0;bottom:21px;width:251px;padding:17px 18px 15px}.chapter-saved-heading>strong{font-size:12px}.chapter-art-page-left{left:0;top:119px;width:137px}.chapter-art-page-right{right:-5px;top:234px;width:127px}.chapter-visual-dots{top:68px;left:0;width:60px}.chapter-visual-glow{inset:45px -55px 5px}.chapter-visual-caption{bottom:1px;right:0;font-size:6px;letter-spacing:1px}}
@media(max-width:420px){.chapter-showcase-visual{height:655px}.chapter-device{width:278px;left:50%;transform:translateX(-47%) rotate(2deg)}.chapter-phone-content{padding-inline:14px;padding-top:53px}.chapter-phone-title{font-size:23px;margin-top:17px}.chapter-phone-collection{margin-top:13px;padding-block:8px}.chapter-phone-import{padding-top:12px;padding-bottom:10px;margin-top:10px}.chapter-phone-url,.chapter-phone-page-strip,.chapter-phone-file{margin-top:10px}.chapter-phone-page-strip>span{height:44px;width:36px}.chapter-saved-card{left:-1%;width:236px;bottom:19px;padding:15px 16px 14px}.chapter-saved-heading>strong{font-size:11px}.chapter-saved-pair{gap:9px}.chapter-saved-pair>span{font-size:10px}.chapter-art-page-left{left:-12px;width:117px;top:122px}.chapter-art-page-right{right:-13px;width:106px;top:236px}}
@media(max-width:350px){.chapter-showcase h2{font-size:32px}.chapter-showcase-visual{height:617px}.chapter-device{width:258px;transform:translateX(-49%) rotate(2deg)}.chapter-phone-content{padding-inline:12px;padding-top:51px}.chapter-phone-title{font-size:22px;margin-top:14px}.chapter-phone-subtitle{font-size:9px}.chapter-phone-collection{margin-top:11px;padding-block:8px;font-size:9px}.chapter-phone-collection small{font-size:5px}.chapter-phone-import{padding-left:39px;padding-top:10px;padding-bottom:9px;margin-top:9px}.chapter-phone-method-icon{left:11px;top:12px;width:19px;height:19px}.chapter-phone-import>div:first-of-type>strong{font-size:11px}.chapter-phone-import>div:first-of-type>span{font-size:7px}.chapter-phone-url,.chapter-phone-page-strip,.chapter-phone-file{margin-top:9px;margin-left:-27px}.chapter-phone-url{padding-block:8px;font-size:8px}.chapter-phone-page-strip>span{width:33px;height:40px}.chapter-phone-page-strip>small{font-size:6px}.chapter-phone-file{min-height:35px;padding-top:9px}.chapter-phone-file strong{font-size:8px}.chapter-phone-file small{font-size:6px}.chapter-saved-card{width:224px;padding:14px;bottom:16px;left:-2%}.chapter-art-page-left{left:-11px;width:100px;top:122px}.chapter-art-page-right{width:96px;right:-13px}.chapter-saved-heading>strong{font-size:10px}.chapter-saved-card>p{font-size:8px}.chapter-visual-caption{right:-3px;font-size:5px}.chapter-source-list li{gap:12px}}

/* Put the phone immediately after the introduction on small screens. */
@media(max-width:767px){.chapter-showcase-layout{display:flex;flex-direction:column;gap:22px}.chapter-showcase-copy{display:contents}.chapter-showcase-copy>.eyebrow{order:0;align-self:flex-start}.chapter-showcase-copy>h2{order:1;align-self:flex-start;margin-top:0}.chapter-showcase-lede{order:2;margin-top:0}.chapter-showcase-visual{order:3;margin-block:5px}.chapter-source-list{order:4;align-self:stretch;margin-top:8px}.chapter-remember-note{order:5;margin-top:3px}.chapter-showcase-copy>.button{order:6;align-self:flex-start;margin-top:0}}