/* App home screen, at the scale at which the icon is actually seen. */
.ipad-card{grid-column:1/-1}
.ios-crop{height:570px;overflow:hidden;background:#3d93e1}
.ios-home{height:100%;position:relative;isolation:isolate;padding:26px 5% 28px;color:#fff;background:linear-gradient(130deg,#61c5d9 0%,#3197ee 52%,#7361d9);overflow:hidden}
.ios-home:before,.ios-home:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.ios-home:before{width:110%;height:170%;left:-31%;top:-90%;border-radius:40%;background:linear-gradient(145deg,#7bd4cd 10%,#49b9e7 60%,#278ee9);transform:rotate(-26deg);box-shadow:20px 20px 60px #2174bd44}
.ios-home:after{width:110%;height:140%;left:33%;top:21%;border-radius:48%;transform:rotate(-24deg);background:linear-gradient(145deg,#548af5,#5b48c0 60%,#302c85)}
.ios-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:550}.ios-status>span:last-child{display:flex;align-items:center;gap:9px}.ios-status .status-icons{width:40px;height:13px}
.ios-app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 18px;margin:51px auto 0;max-width:900px}
.ios-home .home-app{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:12px;text-shadow:0 1px 4px #194b9366;min-width:0}
.ios-home .app-tile{width:70px;height:70px;max-width:none;aspect-ratio:1;border-radius:23%;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 9px #1f478620}
.ios-home .apple-app{background:none;padding:0;box-shadow:none}
.ios-home .mathspace-app{background:#fff;padding:13px}
.ios-home .social-app-icon{padding:13px;color:#fff}
.social-app-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.icon-instagram{background:radial-gradient(circle at 30% 110%,#ffdc80 0%,#fcaf45 20%,#f77737 32%,#e1306c 52%,#833ab4 80%,#405de6 100%)}
.icon-x{background:#101010}.icon-youtube{background:#f52230}.icon-spotify{background:#1ed760;color:#0a2914!important}
.ios-dock{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;gap:23px;padding:15px 23px;background:#ffffff3d;border:1px solid #ffffff26;border-radius:29px;box-shadow:0 10px 30px #27398122;backdrop-filter:blur(20px)}
.ios-dock .app-tile{width:61px;height:61px}.ios-dock .mathspace-app{padding:11px}
.ios-home-indicator{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);height:4px;width:140px;border-radius:4px;background:#fff9}

/* Separate social contexts: profile pictures, posts and a LinkedIn cover. */
.profile-scene{padding:34px 28px;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ecebf0}
.instagram-scene{background:#eee9e7}.linkedin-scene{background:#e8edf0}
.instagram-profile,.linkedin-profile{width:100%;max-width:450px;background:#fff;border:1px solid #dedce2;border-radius:12px;overflow:hidden;box-shadow:0 15px 32px #352d4212}
.platform-bar{height:51px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#24242c;font-size:23px}.instagram-name{font-family:Georgia,serif;font-size:27px;font-style:italic;letter-spacing:-1.5px;font-weight:650}
.profile-avatar{display:grid;place-items:center;background:#fff;border-radius:50%;width:70px;height:70px;padding:15px;flex:none;border:1px solid #e8e5ec}.profile-avatar .symbol{width:100%}
.instagram-profile-heading{display:flex;align-items:center;gap:21px;padding:23px 22px}.instagram-avatar{width:79px;height:79px;padding:16px;border:3px solid #cb5c88;outline:3px solid #fff;outline-offset:-6px}
.instagram-profile-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}.instagram-profile-heading strong{font-size:20px;font-weight:550}.instagram-profile-heading>div>span{font-size:11px;color:#585361}
.profile-actions{display:flex;gap:7px;font-size:10px;font-weight:600;margin-top:9px;white-space:nowrap}.profile-actions>span{padding:7px 13px;border-radius:6px;background:#f0eff2;color:#37333e}.profile-actions .follow-action{background:#347aeb;color:#fff}
.instagram-tabs{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:10px 0;color:#aaa;font-size:18px}.instagram-tabs>span:first-child{color:#24242c}
.instagram-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.instagram-post-grid>div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.insta-angle{display:block!important;padding:16px 10px;background:var(--indigo);color:#fff;font-size:clamp(18px,2.1vw,29px);font-weight:600;letter-spacing:-1px;line-height:1.08}.insta-angle em{font-style:normal;color:#a5dfd5}
.insta-mark{background:#e1f0ed;padding:24px}.insta-mark .symbol{width:100%}.insta-pattern{background-color:#f4f5f5;background-image:linear-gradient(#b5c8d544 1px,transparent 1px),linear-gradient(90deg,#b5c8d544 1px,transparent 1px);background-size:14px 14px;color:#454a8d;font-family:Georgia,serif;font-style:italic;font-size:22px}
.mini-post-header{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:10px}.mini-post-header .profile-avatar{width:25px;height:25px;padding:5px}.mini-post-header>span:last-child{margin-left:auto;font-size:18px}.instagram-featured-art{min-height:154px;background:#f1f3f5;display:flex;align-items:center;justify-content:center;gap:25px}.instagram-featured-art .symbol{width:90px}.instagram-featured-art>span:last-child{font-size:24px;font-weight:600;letter-spacing:-1.2px;color:var(--indigo);max-width:130px;line-height:1.05}.instagram-post-footer{padding:12px 17px;font-size:22px}.instagram-post-footer>span{float:right}
.linkedin-badge{background:#0a66c2;color:#fff;font-size:25px;letter-spacing:-1px;line-height:30px;text-align:center;width:30px;height:30px;border-radius:3px}.linkedin-search{background:#edf3f8;color:#747d87;font-size:10px;height:28px;border-radius:4px;padding:9px 12px;flex:1;margin:0 17px}
.linkedin-cover{height:160px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 29px;background:#e9f2f0;overflow:hidden}.linkedin-cover:after{content:"";position:absolute;inset:-100px -60px 0 42%;border:1px solid #a0c9d577;transform:rotate(-29deg);box-shadow:15px 0 0 #a0c9d533,30px 0 0 #a0c9d522;pointer-events:none}.linkedin-cover>div{position:relative;z-index:1;font-size:35px;line-height:1;letter-spacing:-2px;font-weight:600;color:#30313d}.linkedin-cover em{font-style:normal;color:var(--indigo)}.linkedin-cover .symbol{width:95px;position:relative;z-index:1}
.linkedin-details{position:relative;padding:54px 25px 22px;display:flex;flex-direction:column;gap:6px}.linkedin-avatar{position:absolute;top:-41px;left:24px;width:80px;height:80px;border:4px solid #fff;border-radius:4px;padding:14px;box-shadow:0 0 0 1px #e2e2e6}.linkedin-details>strong{font-size:25px;letter-spacing:-.6px}.linkedin-details>span{font-size:11px;color:#77717e}.linkedin-details .profile-actions>span{border-radius:20px;padding:8px 18px}.linkedin-details .follow-action{background:#0a66c2}
.linkedin-tabs{display:flex;gap:29px;padding:15px 25px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:11px;color:#777}.linkedin-tabs b{color:#167b49}.linkedin-post{display:flex;gap:10px;align-items:center;padding:17px 24px 13px}.linkedin-post>.profile-avatar{width:34px;height:34px;border-radius:3px;padding:6px}.linkedin-post>div{display:flex;flex-direction:column;gap:5px;font-size:11px}.linkedin-post>div>span{font-size:10px;color:#777}.linkedin-post-art{min-height:106px;display:grid;place-items:center;background:#f5f5f2;padding:28px}.linkedin-post-art .lockup{width:80%}

/* Printed cover: a complete volume and a close detail on top. */
.marketing-scene .campaign-poster{left:50%;transform:translateX(-50%) rotate(-4deg);width:370px;height:490px;top:47px}
.book-zoom-scene{height:600px;position:relative;display:block;background:radial-gradient(ellipse at 45% 35%,#f3f0e9,#e2ddd4)}
.book-zoom-scene .books-arrangement{position:absolute;left:11%;top:72px;width:260px;height:380px;transform:none}
.book-zoom-scene .book-back{width:240px;height:342px;left:0;top:0;transform:rotate(-10deg)}
.book-zoom-scene .book-cover-footer{background:#fff;left:0;right:0;bottom:0;padding:15px 11px;color:#75727b;min-height:47px}.book-zoom-scene .book-cover-footer .lockup{width:111px}
.book-zoom-scene .book-spine{background:#f8f7f3;color:#494653}.book-zoom-scene .book-spine .symbol{background:#fff;padding:2px}
.book-detail{position:absolute;left:35%;top:165px;width:64%;height:400px;background:#080c10;transform:rotate(5deg);box-shadow:0 20px 30px #2e292d45;border:1px solid #454a4d;isolation:isolate}
.detail-cover-art{position:absolute;left:0;top:-230px;width:100%;height:auto;z-index:-1}
.detail-year{position:absolute;bottom:190px;right:29px;font-size:33px;letter-spacing:-1px;font-weight:600;color:#fff}
.detail-brand-band{position:absolute;bottom:0;left:0;right:0;min-height:177px;background:#fafaf7;padding:39px 28px 26px;display:flex;flex-direction:column;gap:23px}.detail-brand-band .lockup{width:86%;max-width:480px}.detail-brand-band>span:last-child{font-size:10px;color:#77747f;letter-spacing:.02em}
.detail-page-edges{position:absolute;top:100%;height:9px;left:4px;right:-1px;background:repeating-linear-gradient(#f4f0e5 0 1px,#c8c6bf 1px 2px);box-shadow:0 3px 4px #0002}
@media(max-width:1000px){.ios-app-grid{gap:32px 12px}.ios-home .app-tile{width:61px;height:61px}.ios-crop{height:520px}.ios-home .mathspace-app{padding:11px}.ios-home .home-app{font-size:11px}.ios-dock .app-tile{width:55px;height:55px}.profile-scene{padding:25px 17px;min-height:570px}.platform-bar{padding:0 15px}.instagram-profile-heading{gap:13px;padding:21px 16px}.instagram-profile-heading strong{font-size:17px}.profile-actions>span{padding:7px 9px}.instagram-avatar{width:65px;height:65px;padding:13px}.instagram-featured-art{gap:16px}.instagram-featured-art .symbol{width:77px}.instagram-featured-art>span:last-child{font-size:22px;max-width:110px}.linkedin-cover{padding:23px;height:146px}.linkedin-cover>div{font-size:31px}.linkedin-cover .symbol{width:77px}.book-zoom-scene .books-arrangement{left:7%;top:70px}.book-zoom-scene .book-back{width:220px;height:313px}.book-detail{left:32%;width:69%;top:175px}.detail-brand-band{padding:38px 23px 24px}.detail-brand-band .lockup{width:92%}}
@media(max-width:740px){.instagram-card,.linkedin-card{grid-column:1/-1}.profile-scene{min-height:0;padding:30px}.instagram-profile,.linkedin-profile{max-width:440px}.insta-angle{font-size:29px;padding:18px}.ios-crop{height:565px}.ios-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:37px;gap:27px 12px}.ios-home .app-tile{width:60px;height:60px}.ios-home .home-app{font-size:11px;gap:8px}.ios-status{font-size:9px}.ios-dock{bottom:25px;padding:11px 20px;border-radius:24px;gap:22px}.ios-dock .app-tile{width:49px;height:49px}.ios-home-indicator{bottom:9px}.book-zoom-scene{height:550px}.book-zoom-scene .books-arrangement{left:9%;top:47px}.book-zoom-scene .book-back{width:200px;height:285px}.book-detail{left:25%;top:214px;width:80%;height:295px}.detail-cover-art{top:-185px}.detail-year{bottom:164px;font-size:26px}.detail-brand-band{min-height:148px;padding:32px 23px 22px;gap:20px}.detail-brand-band .lockup{width:91%}.detail-brand-band>span:last-child{font-size:8px}}
@media(max-width:480px){.ios-crop{height:535px}.ios-home{padding:18px 16px}.ios-status{font-size:8px}.ios-status .status-icons{width:29px;height:10px}.ios-status>span:last-child{gap:4px}.ios-app-grid{margin-top:40px;gap:26px 12px}.ios-home .app-tile{width:51px;height:51px}.ios-home .home-app{font-size:9px;gap:7px}.ios-home .mathspace-app{padding:9px}.ios-home .social-app-icon{padding:9px}.ios-dock{gap:17px;padding:11px 17px;bottom:28px}.ios-dock .app-tile{width:47px;height:47px}.profile-scene{padding:21px 14px}.instagram-profile-heading{gap:14px;padding:20px 15px}.instagram-profile-heading strong{font-size:17px}.instagram-avatar{width:65px;height:65px}.profile-actions{font-size:9px;gap:6px}.insta-angle{font-size:23px;padding:16px 10px}.insta-mark{padding:19px}.insta-pattern{font-size:20px}.instagram-featured-art{min-height:145px;gap:21px}.instagram-featured-art>span:last-child{font-size:23px;max-width:110px}.linkedin-cover>div{font-size:32px}.linkedin-cover .symbol{width:77px}.linkedin-details{padding-left:20px}.linkedin-avatar{left:20px}.marketing-scene .campaign-poster{width:76%;height:366px;top:47px;padding:27px}.marketing-scene{height:465px}.campaign-poster h4{font-size:47px}.book-zoom-scene{height:505px}.book-zoom-scene .books-arrangement{left:10%;top:43px}.book-zoom-scene .book-back{width:169px;height:241px}.book-zoom-scene .book-cover-footer{padding:11px 8px}.book-zoom-scene .book-cover-footer .lockup{width:83px}.book-detail{left:9%;top:231px;width:100%;height:238px;transform:rotate(5deg)}.detail-cover-art{top:-190px}.detail-year{bottom:146px;font-size:22px}.detail-brand-band{min-height:131px;padding:29px 19px 20px;gap:18px}.detail-brand-band .lockup{width:90%}.detail-brand-band>span:last-child{font-size:7px}}

/* Browser crop focuses on the favicon and the identity in the page header. */
.browser-layout{display:block;min-height:0}
.browser-scene{height:590px;padding:35px 0 0 35px;display:block;overflow:hidden;background:#ececf3}
.browser-scene .mock-browser{width:125%;min-width:1000px;border-radius:15px;box-shadow:0 18px 34px #39344d13}
.browser-tabs{height:54px;padding:0 17px;gap:6px;font-size:14px}
.traffic-lights{gap:8px;margin-right:27px}.traffic-lights i{width:11px;height:11px}
.browser-tab{width:238px;height:43px;padding:10px 18px;gap:13px;border-radius:12px 12px 0 0}.browser-tab b{font-size:17px}.browser-tab .tab-favicon{width:25px;height:19px}.document-icon{font-size:21px}.new-tab{font-size:25px;margin-left:14px}
.browser-address{height:46px;padding:0 20px;gap:20px;font-size:22px}.browser-address>div{height:32px;font-size:13px;gap:11px;padding:0 16px}.browser-address svg{width:10px;height:14px}
.mock-site-nav{min-height:90px;padding:23px 37px}.mock-site-nav .lockup{width:226px}.mock-site-nav>span:not(.context-logo){display:none}
.mock-site-hero{min-height:348px;padding:32px 37px 35px}.mock-site-hero>div{width:66%}.mock-site-hero h4{font-size:50px;letter-spacing:-2.2px;line-height:1.08}.hero-underline{width:170px;height:9px;border-top-width:3px;margin:13px 0 23px 9px}.mock-cta{font-size:14px;padding:13px 42px}.mock-site-hero>img{width:40%;height:340px;right:0;top:-12px;object-position:50% 32%;border-radius:0 0 0 77%}
@media(max-width:740px){.browser-scene{height:535px;padding:29px 0 0 29px}.browser-scene .mock-browser{min-width:860px}.mock-site-nav .lockup{width:200px}.mock-site-nav{min-height:82px;padding:21px 29px}.mock-site-hero{padding:27px 29px;min-height:315px}.mock-site-hero h4{font-size:44px}.mock-site-hero>img{height:310px}.browser-tabs{height:48px;font-size:13px}.browser-tab{height:38px;width:220px}.browser-address{height:42px}.mock-cta{font-size:12px;padding:11px 35px}}
@media(max-width:480px){.browser-scene{height:467px;padding:23px 0 0 23px}.browser-scene .mock-browser{min-width:760px;border-radius:11px}.browser-tabs{height:44px;padding:0 12px;font-size:12px;gap:5px}.traffic-lights{gap:5px;margin-right:16px}.traffic-lights i{width:8px;height:8px}.browser-tab{width:190px;height:35px;padding:8px 12px;gap:10px;border-radius:9px 9px 0 0}.browser-tab .tab-favicon{width:23px;height:17px}.browser-tab b{font-size:14px}.browser-tab.inactive{width:190px}.browser-address{height:38px;padding:0 14px;gap:13px;font-size:18px}.browser-address>div{font-size:11px;height:28px}.mock-site-nav{min-height:76px;padding:20px 25px}.mock-site-nav .lockup{width:180px}.mock-site-hero{padding:25px;min-height:285px}.mock-site-hero h4{font-size:37px;letter-spacing:-1.5px}.hero-underline{width:145px;margin:12px 0 20px 7px}.mock-cta{font-size:12px;padding:10px 29px}.mock-site-hero>img{height:280px}}

.linkedin-card{grid-column:1/-1}
.authentic-linkedin{padding:36px;min-height:0;background:#f0efec}
.authentic-linkedin .linkedin-profile{max-width:900px;border-radius:9px;box-shadow:none}
.authentic-linkedin .platform-bar{height:49px;justify-content:flex-start;gap:10px;padding:0 23px}
.authentic-linkedin .linkedin-search{max-width:230px;margin:0 20px 0 0}
.linkedin-nav-icons{font-size:20px;color:#666}
.authentic-linkedin .linkedin-cover{display:block;height:auto;aspect-ratio:2560/434;padding:0;background:#f7f6f2;overflow:visible}
.authentic-linkedin .linkedin-cover:after{display:none}.authentic-linkedin .linkedin-cover img{display:block;width:100%;height:100%;object-fit:cover}
.authentic-linkedin .linkedin-details{padding:75px 26px 24px;gap:7px}
.authentic-linkedin .linkedin-avatar{width:112px;height:112px;top:-53px;left:26px;padding:16px;border-radius:0}
.authentic-linkedin .linkedin-details>strong{font-size:26px;letter-spacing:-.7px}.verified-badge{font-size:22px;color:#72716e}
.authentic-linkedin .linkedin-details>p{font-size:15px;line-height:1.45;margin:0;color:#262626}
.authentic-linkedin .linkedin-details>span{font-size:12px;line-height:1.6;color:#777}
.authentic-linkedin .profile-actions{font-size:12px;gap:10px;margin-top:13px}.authentic-linkedin .profile-actions>span{background:#fff;border:1px solid #0a66c2;color:#0a66c2}.authentic-linkedin .profile-actions .follow-action{background:#0a66c2;color:#fff}.authentic-linkedin .profile-actions>span:last-child{border-color:#999;color:#444;padding:7px 12px}
.authentic-linkedin .linkedin-tabs{gap:29px;padding:18px 25px;font-size:13px}.authentic-linkedin .linkedin-tabs b{position:relative}.authentic-linkedin .linkedin-tabs b:after{content:"";height:2px;position:absolute;bottom:-18px;left:-12px;right:-12px;background:#17734b}
.linkedin-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;background:#f4f3f0}.linkedin-feed-heading>div:first-child{display:flex;align-items:center;gap:11px}.linkedin-feed-heading .profile-avatar{width:51px;height:51px;border-radius:0;padding:9px}.linkedin-feed-heading>div>div{display:flex;flex-direction:column;gap:7px;font-size:12px}.linkedin-feed-heading>div>div>span{font-size:10px;color:#666}
.linkedin-filters{display:flex;align-items:center;gap:7px;font-size:10px;color:#666}.linkedin-filters>*{padding:8px 12px;border:1px solid #a9a9a7;border-radius:20px}.linkedin-filters>b{color:white;background:#147b53;border-color:#147b53}
.card-caption>a{font-size:10px;color:#8b8495}
@media(max-width:740px){.authentic-linkedin{padding:25px}.authentic-linkedin .linkedin-details>p{font-size:13px}.authentic-linkedin .linkedin-details>span{font-size:10px}.linkedin-feed-heading{align-items:flex-start;flex-direction:column;gap:16px}.linkedin-filters{flex-wrap:wrap}.authentic-linkedin .linkedin-tabs{gap:23px}}
@media(max-width:480px){.authentic-linkedin{padding:20px 14px}.authentic-linkedin .platform-bar{padding:0 15px}.authentic-linkedin .linkedin-search{margin:0;font-size:9px}.linkedin-nav-icons{font-size:16px;white-space:nowrap}.authentic-linkedin .linkedin-cover{height:93px;aspect-ratio:auto;overflow:hidden}.authentic-linkedin .linkedin-cover img{width:550px;max-width:none;object-fit:contain;position:absolute;left:-51px}.authentic-linkedin .linkedin-avatar{width:73px;height:73px;top:-29px;left:17px;padding:11px}.authentic-linkedin .linkedin-details{padding:56px 17px 22px}.authentic-linkedin .linkedin-details>strong{font-size:23px}.authentic-linkedin .linkedin-details>p{font-size:12px}.authentic-linkedin .profile-actions{font-size:10px;gap:7px}.authentic-linkedin .profile-actions>span{padding:7px 15px}.authentic-linkedin .linkedin-tabs{gap:21px;padding:15px 17px;font-size:11px}.authentic-linkedin .linkedin-tabs b:after{bottom:-15px}.linkedin-feed-heading{padding:18px 17px}.linkedin-filters{font-size:9px;gap:5px}.linkedin-filters>*{padding:6px 8px}.card-caption>a{display:inline-block;margin-top:8px}}

.instagram-card{grid-column:1/-1}
.authentic-instagram{background:#ecebef;min-height:0;padding:36px}
.authentic-instagram .instagram-profile{max-width:900px;display:grid;grid-template-columns:60px minmax(0,1fr);border-radius:11px;background:#0e1116;color:#f4f5f6;border-color:#262a31;box-shadow:0 12px 30px #201c2a19}
.instagram-rail{display:flex;flex-direction:column;align-items:center;gap:27px;padding:26px 12px;border-right:1px solid #22262c;font-size:27px}.instagram-rail svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;margin-bottom:12px}.instagram-rail>span:last-child{margin-top:auto;padding-bottom:15px;font-size:22px}
.instagram-content{min-width:0;overflow:hidden;padding-top:22px}
.authentic-instagram .instagram-profile-heading{align-items:flex-start;gap:26px;padding:9px 30px 20px}
.authentic-instagram .instagram-avatar{width:118px;height:118px;padding:14px;outline:0;border:0;margin-top:17px}
.authentic-instagram .instagram-profile-heading>div{flex:1;gap:6px}
.authentic-instagram .instagram-profile-heading strong{font-size:22px;letter-spacing:-.5px;font-weight:650}.authentic-instagram .instagram-profile-heading strong small{font-size:17px;margin-left:8px;color:#aaa}
.authentic-instagram .instagram-profile-heading>div>span{font-size:12px;color:#f4f5f6}
.instagram-stats{display:flex;gap:18px;font-size:12px;flex-wrap:wrap;margin:8px 0 12px;line-height:1.4}.instagram-stats b{font-weight:650}
.authentic-instagram .instagram-profile-heading .instagram-category{color:#aaaeb5;font-size:11px}
.authentic-instagram .instagram-profile-heading p{font-size:12px;line-height:1.4;margin:0;max-width:440px;color:#f4f5f6}
.instagram-link{font-size:11px;margin-top:3px;font-weight:550}
.authentic-instagram .profile-actions{margin:0 30px;gap:8px;font-size:12px}.authentic-instagram .profile-actions>span{flex:1;text-align:center;background:#262a30;color:#f4f5f6;border-radius:10px;padding:11px}.authentic-instagram .profile-actions .follow-action{background:#505bea}.authentic-instagram .profile-actions>span:last-child{flex:0 0 40px}
.instagram-highlights{display:flex;gap:19px;overflow:hidden;padding:31px 30px 27px}.instagram-highlights>div{display:flex;align-items:center;flex-direction:column;gap:8px;flex:none;font-size:9px;font-weight:550}.instagram-highlights img{width:61px;height:61px;border-radius:50%;border:2px solid #333942;padding:3px;object-fit:cover}
.authentic-instagram .instagram-tabs{border-top:0;padding:10px 10px 13px;color:#8c9097;font-size:23px}.authentic-instagram .instagram-tabs>span:first-child{color:#f2f3f4}
.authentic-instagram .instagram-post-grid{gap:2px}.authentic-instagram .instagram-post-grid>div{aspect-ratio:1.14;display:block;background:#181c22}.authentic-instagram .instagram-post-grid img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:740px){.authentic-instagram{padding:25px}.authentic-instagram .instagram-profile{grid-template-columns:43px minmax(0,1fr)}.instagram-rail{padding:22px 9px;font-size:23px;gap:25px}.instagram-rail svg{width:22px;height:22px}.authentic-instagram .instagram-profile-heading{gap:19px;padding:7px 20px 20px}.authentic-instagram .instagram-avatar{width:85px;height:85px;padding:11px}.authentic-instagram .instagram-profile-heading strong{font-size:19px}.instagram-stats{font-size:10px;gap:12px}.authentic-instagram .instagram-profile-heading p{font-size:11px}.authentic-instagram .profile-actions{margin:0 20px}.instagram-highlights{padding:26px 20px 23px;gap:15px}.instagram-highlights img{width:54px;height:54px}.instagram-highlights>div{font-size:8px}}
@media(max-width:480px){.authentic-instagram{padding:20px 14px}.authentic-instagram .instagram-profile{display:block}.instagram-rail{display:none}.instagram-content{padding-top:14px}.authentic-instagram .instagram-profile-heading{display:grid;grid-template-columns:63px minmax(0,1fr);gap:14px;padding:8px 15px 20px}.authentic-instagram .instagram-avatar{width:63px;height:63px;padding:8px;margin-top:9px}.authentic-instagram .instagram-profile-heading strong{font-size:16px;letter-spacing:-.4px}.authentic-instagram .instagram-profile-heading strong small{font-size:13px;margin-left:3px}.authentic-instagram .instagram-profile-heading>div>span{font-size:10px}.instagram-stats{font-size:9px;gap:8px;margin:6px 0 7px}.authentic-instagram .instagram-profile-heading p{font-size:10px;line-height:1.45}.instagram-link{font-size:9px;letter-spacing:-.2px}.authentic-instagram .profile-actions{margin:0 15px;font-size:10px;gap:6px}.authentic-instagram .profile-actions>span{padding:9px;border-radius:7px}.authentic-instagram .profile-actions>span:last-child{flex-basis:32px}.instagram-highlights{padding:25px 15px 18px;gap:14px}.instagram-highlights img{width:47px;height:47px}.instagram-highlights>div{font-size:7px;gap:6px}.authentic-instagram .instagram-tabs{font-size:21px;padding-bottom:10px}}

/* A crop of a landscape iPad canvas: the icon grid never reflows into a phone UI. */
#showcase .ios-crop{height:590px;background:#4e71c6;position:relative;overflow:hidden}
#showcase .ios-home{width:1194px;height:834px;position:absolute;top:-65px;left:50%;transform:translateX(-50%) scale(1.16);transform-origin:50% 0;padding:0;color:#fff;background:#4e71c6 url('./assets/ios/ipad-wallpaper.jpg') center 48%/cover no-repeat;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;isolation:isolate}
#showcase .ios-home:before,#showcase .ios-home:after{display:none}
#showcase .ios-status{position:absolute;left:26px;right:26px;top:20px;font-size:13px;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 2px #15266044}
#showcase .ios-status .status-icons{width:41px;height:14px}
#showcase .ios-app-grid{position:absolute;left:64px;right:64px;top:100px;margin:0;max-width:none;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:134px;gap:0}
#showcase .ios-home .home-app{font-size:14px;font-weight:400;gap:7px;line-height:19px;text-shadow:0 1px 3px #12294970}
#showcase .ios-home .app-tile{width:68px;height:68px;max-width:none;border-radius:22.5%;box-shadow:0 2px 4px #10285218;display:block;object-fit:cover;overflow:hidden}
#showcase .ios-home .mathspace-app{padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 .5px #ffffffb8,0 2px 4px #10285220}
#showcase .ios-home .mathspace-app .context-logo{width:100%}
#showcase .ios-dock{bottom:28px;gap:22px;padding:15px 22px;border-radius:29px;background:#e7ecff38;border:1px solid #ffffff4a;box-shadow:inset 0 1px 1px #ffffff40,0 4px 20px #132e5414;backdrop-filter:blur(30px) saturate(1.2);align-items:center}
#showcase .ios-dock .app-tile{width:65px;height:65px}
#showcase .dock-divider{height:62px;width:1px;background:#ffffff4a;margin:0 -5px}
#showcase .ios-page-dots{position:absolute;bottom:142px;left:50%;display:flex;gap:7px;transform:translateX(-50%)}
#showcase .ios-page-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff6b}
#showcase .ios-page-dots i:first-child{background:#fff}
#showcase .ios-home-indicator{bottom:8px;height:4px;width:240px;background:#fff9}
#showcase .mathspace-app,#showcase .profile-avatar{background-color:#fff;background-image:linear-gradient(#c8cdd7 0.5px,transparent 0.5px),linear-gradient(90deg,#c8cdd7 0.5px,transparent 0.5px);background-size:15.4% 15.4%;background-position:center;overflow:hidden}
#showcase .book-zoom-scene .book-cover-footer,#showcase .detail-brand-band{background:#111926;color:#d9e7f7;border-top:1px solid #ffffff14}
#showcase .book-zoom-scene .book-spine{background:#111926;color:#cbd7e8}
#showcase .book-zoom-scene .book-spine .symbol{background:none}
#showcase .detail-brand-band>span:last-child{color:#b3c1d3}
@media(max-width:740px){#showcase .ios-crop{height:510px}#showcase .ios-home{top:-44px;transform:translateX(-50%) scale(1.1)}}
@media(max-width:480px){#showcase .ios-crop{height:490px}#showcase .ios-home{left:50%;top:-62px;transform:translateX(-45%) scale(1.04)}}

.book-detail{overflow:hidden}.detail-page-edges{top:auto;bottom:0;left:3px;right:0}
@media(min-width:741px){.book-detail{left:30%;width:72%}}