.showcase-jump{font-weight:550;color:var(--indigo);margin-right:18px}.showcase{border-top:1px solid var(--line);padding-top:58px;scroll-margin-top:24px}.showcase-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:31px}.showcase-intro h2{font-size:clamp(38px,4.6vw,58px);font-weight:550;line-height:1.07;letter-spacing:-.055em;margin:0}.showcase-intro>p{font-size:13px;line-height:1.8;color:#7b7885;max-width:310px;margin:0 0 3px}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;border:1px solid #dedde4;border-radius:10px;background:#fff;position:sticky;top:10px;z-index:3;box-shadow:0 5px 15px #25223905}.colour-options{display:flex;gap:5px}.colour-options button{display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:550;border:0;border-radius:6px;background:transparent;color:#8a8796;transition:background .2s,color .2s}.colour-options button.selected{background:#f0eff9;color:var(--indigo)}.colour-options button:hover{background:#f5f4fa;color:#464158}.colour-options i{width:12px;height:12px;border-radius:50%;display:block}.option-gradient{background:linear-gradient(120deg,#1abc9c,#66b1e2)}.option-two{background:linear-gradient(130deg,#3f4694 50%,#1abc9c 50%)}.option-mono{background:#3e3e4b}.compare-original{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-size:10px;color:#7e7a89;padding:8px 2px}.switch-track{width:26px;height:15px;border-radius:20px;background:#dedde5;display:block;padding:2px;transition:background .2s}.switch-track>span{display:block;width:11px;height:11px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.compare-original[aria-pressed=true] .switch-track{background:var(--indigo)}.compare-original[aria-pressed=true] .switch-track>span{transform:translateX(11px)}.treatment-caption{display:flex;justify-content:space-between;gap:14px;margin:19px 2px 22px;font-size:10px;color:#9b97a5}.treatment-caption>span:first-child{color:#6f6a7d;font-weight:550}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.showcase-card{min-width:0;overflow:hidden;border-radius:11px;background:#fff;border:1px solid #e1dfe7}.card-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:21px 24px 23px;background:#fff}.scene-index{font-size:8px;letter-spacing:.13em;color:#a39baa;font-weight:550}.card-caption h3{font-size:16px;line-height:1.35;letter-spacing:-.025em;font-weight:550;margin:8px 0 0}.card-caption p{font-size:9px;line-height:1.6;color:#9a93a3;text-align:right;margin:0 0 2px;white-space:nowrap}.context-logo{display:block;line-height:0}.context-logo svg{display:block;width:100%;height:100%;overflow:visible}.context-logo.symbol{aspect-ratio:4/3}.context-logo.lockup{aspect-ratio:166/27}.scene-eyebrow{font-size:8px;letter-spacing:.12em;font-weight:600;color:#9993a5}
/* A browser and real-size favicon samples. */
.browser-card{grid-column:1/-1}.browser-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;background:#ececf3;min-height:350px}.browser-scene{display:flex;align-items:center;padding:35px 34px}.mock-browser{width:100%;background:white;border:1px solid #dbdbe4;border-radius:8px;overflow:hidden;box-shadow:0 13px 25px #36334e14}.browser-tabs{height:34px;background:#e5e5ed;display:flex;align-items:flex-end;padding:0 10px;gap:3px;font-size:9px;color:#88828e}.traffic-lights{display:flex;gap:5px;align-self:center;margin:0 16px 0 0}.traffic-lights i{width:7px;height:7px;border-radius:50%;background:#c7c7d2}.traffic-lights i:first-child{background:#f18f8b}.traffic-lights i:nth-child(2){background:#efd08c}.traffic-lights i:last-child{background:#9accb2}.browser-tab{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:7px 7px 0 0;width:150px;height:27px}.browser-tab.active{background:#f7f7fb;color:#565060}.browser-tab b{font-weight:400;color:#a4a0ac;margin-left:auto;font-size:11px}.browser-tab .tab-favicon{width:16px;height:12px}.document-icon{font-size:13px;color:#a6a1b1}.new-tab{align-self:center;font-size:15px;margin-left:8px}.browser-address{height:31px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#f7f7fb;color:#aba6b2;font-size:14px}.browser-address>div{flex:1;display:flex;align-items:center;gap:6px;height:21px;background:white;border-radius:4px;font-size:8px;padding:0 10px}.browser-address svg{width:7px;height:9px;fill:none;stroke:#aba6b2;stroke-width:1.2}.mock-site-nav{display:flex;gap:17px;align-items:center;min-height:49px;padding:14px 24px;border-bottom:1px solid #f2f2f6;font-size:8px;color:#6f697c}.mock-site-nav .lockup{width:110px;margin-right:auto}.mock-login{background:#3e3e4b;color:white;border-radius:20px;padding:6px 14px}.mock-site-hero{position:relative;overflow:hidden;display:flex;min-height:230px;padding:25px 23px 22px;isolation:isolate}.mock-site-hero>div{width:60%;position:relative;z-index:1}.mock-site-hero h4{font-size:clamp(20px,2.6vw,31px);line-height:1.06;letter-spacing:-.045em;margin:0;color:#3e3e4b;font-weight:700}.hero-underline{display:block;height:5px;width:85px;border-top:2px solid #dec667;border-radius:50%;transform:rotate(-3deg);margin:7px 0 0 12px}.mock-site-hero p{font-size:9px;color:#8a8293;margin:13px 0}.mock-cta{display:inline-block;padding:7px 30px;border-radius:16px;background:#3e3e4b;color:#fff;font-size:9px}.mock-site-hero>img{position:absolute;right:-5px;top:-7px;width:48%;height:210px;object-fit:cover;object-position:center;border-radius:0 0 0 80%}.favicon-lab{border-left:1px solid #dedde8;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 16px;background:#f4f3f8}.favicon-enlarged{width:100px;height:100px;background:#fff;border-radius:22px;box-shadow:0 7px 20px #4944620d;display:flex;align-items:center;justify-content:center;margin:24px 0 26px}.favicon-enlarged .symbol{width:68px}.favicon-sizes{display:flex;gap:14px;align-items:flex-end}.favicon-sizes>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;min-width:40px;font-size:9px;color:#918a9f}.favicon-sample{width:var(--favicon-size);height:var(--favicon-size);display:flex;align-items:center;justify-content:center}.favicon-sample>.symbol{width:100%}.favicon-lab p{text-align:center;font-size:9px;line-height:1.8;color:#aaa2b5;margin:21px 0 0}
/* Device applications. */
.device-scene{height:366px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ipad-scene{background:#e9e9ef}.ipad{position:relative;width:87%;max-width:405px;aspect-ratio:1.36;background:#20212a;border-radius:24px;padding:12px;box-shadow:0 19px 28px #27253825,0 1px 0 2px #777580;transform:rotate(-4deg)}.ipad-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;background:#0a0d18;border-radius:50%}.ipad-screen{position:relative;overflow:hidden;height:100%;border-radius:13px;background:radial-gradient(ellipse at 25% 110%,#375c9f 0,transparent 54%),radial-gradient(ellipse at 80% 10%,#f3aaa1 0,transparent 50%),linear-gradient(135deg,#bde2df,#6c83bf 55%,#393c80);padding:9px 15px 12px;isolation:isolate}.ipad-screen:before{content:"";position:absolute;z-index:-1;width:80%;height:180%;top:-50%;right:-25%;border:20px solid #aaa6de45;border-radius:50%;transform:rotate(-25deg)}.device-status{display:flex;gap:7px;font-size:6px;color:#fff;align-items:center}.status-right{margin-left:auto}.ipad-widget{position:absolute;top:30px;left:16px;width:27%;height:80px;border-radius:12px;background:#ffffff26;backdrop-filter:blur(5px);padding:10px;color:white;display:flex;flex-direction:column}.ipad-widget>span{font-size:6px;letter-spacing:.08em}.ipad-widget strong{font-size:29px;font-weight:400;line-height:1.15}.ipad-widget small{font-size:5px;margin-top:auto}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 14px;width:66%;margin-left:auto;margin-top:16px}.home-app{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:6px;line-height:1.2;color:white;white-space:nowrap}.app-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:36px;border-radius:9px;box-shadow:0 2px 4px #18244015;flex-shrink:0}.generic-app{background:var(--tile);font-size:23px;font-weight:500;color:#fff}.mathspace-app{background:#fff;padding:7px}.mathspace-app .symbol{width:100%}.calendar-glyph{display:flex;flex-direction:column;align-items:center;font-size:22px;color:#30303a;line-height:1}.calendar-glyph small{font-size:5px;color:#e46a64;margin-bottom:2px}.notes-glyph{color:#a3a1a0;font-size:27px;font-weight:200;line-height:1}.compass-glyph{color:#507ee1;transform:rotate(-30deg);font-size:24px}.ipad-dock{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);border-radius:13px;background:#ffffff40;backdrop-filter:blur(12px);padding:7px 12px;display:flex;gap:13px;align-items:center}.ipad-dock .app-tile{width:33px;border-radius:8px;font-size:21px}.ipad-dock .home-app>span:last-child:empty{display:none}.home-indicator{position:absolute;bottom:4px;width:26%;height:2px;border-radius:5px;background:white;left:37%;opacity:.8}.desktop-scene{background:#e1e8e7;flex-direction:column}.desktop-window{position:relative;width:89%;height:260px;border:7px solid #34333c;border-radius:12px;background:#b9d3d7;overflow:hidden;box-shadow:0 16px 22px #353a4520}.desktop-menubar{position:relative;z-index:1;display:flex;gap:11px;padding:6px 9px;background:#e4f0ee65;backdrop-filter:blur(12px);font-size:6px;color:#283943}.desktop-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 100%,#365490 0,transparent 60%),radial-gradient(ellipse at 10% 110%,#52aeb5 0,transparent 60%),linear-gradient(135deg,#a3cece,#b6d9dc 50%,#74a4bc)}.desktop-wallpaper:before{content:"";position:absolute;width:90%;height:120%;top:-65%;left:20%;border:25px solid #e0f1e43b;border-radius:50%;transform:rotate(40deg)}.desktop-note{position:absolute;left:11%;top:33%;display:flex;flex-direction:column;color:#fff9}.desktop-note>span{font-size:9px;letter-spacing:.02em}.desktop-note strong{font-size:47px;line-height:1.2;font-weight:450;letter-spacing:-.06em;color:#fff9}.desktop-installed{position:absolute;right:35px;top:45px;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:8px;color:#fff;text-shadow:0 1px 3px #2347}.desktop-installed .app-tile{width:47px;border-radius:12px;padding:9px;box-shadow:0 4px 9px #1b32573b}.desktop-folder{position:absolute;top:117px;right:23px;display:flex;align-items:center;flex-direction:column;color:#fff}.desktop-folder>span{font-size:39px;line-height:1;color:#a8d9f4;text-shadow:0 2px 5px #4769}.desktop-folder small{font-size:7px}.desktop-dock{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:10px;background:#e9f1f16b;border:1px solid #fff2;backdrop-filter:blur(10px)}.desktop-dock .app-tile{width:31px;border-radius:8px;font-size:20px}.desktop-dock .mathspace-app{padding:6px;position:relative}.desktop-dock .mathspace-app:after{content:"";width:3px;height:3px;border-radius:50%;background:#3c4659;position:absolute;bottom:-5px;left:45%}.dock-divider{height:26px;width:1px;background:#fff6;margin:0 1px}.dock-trash{font-size:23px;color:#f9fbff}.desktop-foot{width:95%;height:8px;border-radius:2px 2px 45% 45%;background:linear-gradient(#d7d9dc,#9fa5b0);box-shadow:0 14px 15px #393c4a25}.desktop-foot:after{content:"";display:block;width:14%;height:3px;margin:auto;background:#9195a0;border-radius:0 0 7px 7px}
/* Campaign study. */
.marketing-scene{position:relative;height:392px;background:#e7e3ed;display:flex;align-items:center;justify-content:center;overflow:hidden}.campaign-poster{width:54%;height:322px;position:absolute;left:8%;top:31px;background:#3f4694;color:#fff;box-shadow:2px 14px 20px #41325225;transform:rotate(-5deg);padding:22px 22px;overflow:hidden;display:flex;flex-direction:column}.poster-category{font-size:5px;letter-spacing:.12em;color:#d7d9ff}.campaign-poster h4{font-size:33px;letter-spacing:-.05em;line-height:1.05;font-weight:600;margin:22px 0 0;position:relative;z-index:1}.campaign-poster h4 em{font-style:normal;color:#9edace}.poster-art{position:absolute;top:46%;left:-6%;width:125%;color:#91d9dd;opacity:.52}.poster-art svg{width:100%;height:auto}.poster-art path{stroke-width:.6}.poster-brand{margin-top:auto;position:relative;z-index:1}.poster-brand .lockup{width:110px}.poster-brand>span:last-child{font-size:6px;letter-spacing:.02em;display:block;margin-top:12px;color:#c6c9ec}.social-post{position:absolute;width:44%;max-width:211px;right:6%;top:113px;background:#fff;border:1px solid #ece8f0;border-radius:6px;transform:rotate(7deg);box-shadow:5px 12px 22px #3f354828;overflow:hidden}.social-top{height:29px;display:flex;gap:6px;align-items:center;font-size:7px;padding:5px 9px}.social-top .social-avatar{width:18px}.social-top b{margin-left:auto;font-size:10px}.social-art{background:#dbece8;min-height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px 15px}.social-art>span:first-child{font-size:13px;line-height:1.2;text-align:center;letter-spacing:-.03em;font-weight:600;color:#3e3e4b}.social-hero-mark{width:68px;margin:21px 0 0}.social-bottom{padding:9px 10px;font-size:14px;color:#46424c;line-height:1}.social-bottom>span{float:right}
/* Book construction: black covers, coloured mathematical ribbon and spine branding. */
.books-scene{height:392px;background:radial-gradient(ellipse at 50% 35%,#f8f5f0,#e9e4df);display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1300px}.books-arrangement{height:310px;position:relative;width:348px;transform:translateY(4px)}.book{position:absolute;width:202px;height:288px;transform-style:preserve-3d;filter:drop-shadow(9px 17px 13px #201f2033)}.book-main{left:132px;top:15px;transform:rotateY(-14deg) rotateZ(4deg)}.book-back{left:17px;top:0;transform:rotateY(-18deg) rotateZ(-8deg);filter:drop-shadow(3px 14px 9px #201f202a)}.book-front{position:absolute;inset:0;background:#070a0d;overflow:hidden;border-radius:0 2px 2px 0;border:1px solid #4446;isolation:isolate}.cover-art{position:absolute;width:116%;height:100%;object-fit:cover;left:-7%;top:-10px;opacity:.94}.book-back .cover-art{filter:hue-rotate(43deg);transform:rotate(15deg) scale(1.1)}.book-year{position:absolute;bottom:48px;right:11px;color:#fff;font-size:17px;font-weight:600;letter-spacing:-.035em}.book-cover-footer{position:absolute;left:10px;bottom:0;right:9px;border-top:1px solid #ffffff35;padding:9px 0 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#070a0d50}.book-cover-footer .lockup{width:71px;flex-shrink:0}.book-cover-footer>span:last-child{color:#eee;font-size:5px;white-space:nowrap}.book-spine{position:absolute;left:-19px;top:0;width:20px;height:100%;background:linear-gradient(90deg,#030407,#15161b);transform:rotateY(-24deg);transform-origin:right;color:#fff;display:flex;align-items:center;flex-direction:column;gap:5px;padding:12px 0;z-index:1;border-radius:1px 0 0 1px}.book-spine .symbol{width:11px;height:9px}.book-spine>span:nth-child(2){writing-mode:vertical-rl;font-size:8px;font-weight:600;letter-spacing:-.02em}.book-spine b{writing-mode:vertical-rl;font-size:7px;font-weight:500;margin-top:26px}.book-spine small{writing-mode:vertical-rl;font-size:5px;margin-top:auto}.book-pages{position:absolute;left:2px;right:-5px;top:4px;bottom:-4px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(0deg,#f5f1e9 0px,#f5f1e9 1px,#c7c4bf 1px,#c7c4bf 2px);transform:translateZ(-1px);z-index:-1}
/* Print and stationery. */
.print-card{grid-column:1/-1}.print-scene{height:414px;background:#e9e6df;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.letter-sheet{position:absolute;left:21%;top:35px;width:300px;height:390px;background:#fffffc;box-shadow:0 8px 22px #504b3e20;transform:rotate(-7deg);padding:28px 27px;color:#45424a}.letter-sheet header{display:flex;flex-direction:column;gap:18px}.letter-sheet header .lockup{width:118px}.letter-sheet header>span{font-size:5px;letter-spacing:.11em;color:#929098}.worksheet-meta{display:flex;justify-content:space-between;gap:10px;font-size:5px;color:#8b8893;margin:25px 0 13px}.worksheet-meta>span:first-child{letter-spacing:.1em}.letter-sheet h4{font-size:17px;letter-spacing:-.03em;margin:0;font-weight:600}.letter-sheet>p{font-size:6px;line-height:1.6;color:#8b8790;margin:8px 0 20px}.worksheet-questions{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;font-size:8px}.worksheet-questions b{font-size:6px;font-weight:500;color:#aaa5af}.worksheet-questions i{border-bottom:1px solid #dcd9df}.worksheet-tree{position:absolute;top:255px;left:95px;width:90px;text-align:center;font-size:8px}.worksheet-tree svg{width:90px;height:52px;stroke:#99949f;stroke-width:.8;fill:none;margin-top:5px}.worksheet-footer{position:absolute;bottom:20px;left:27px;right:27px;border-top:1px solid #ddd9e0;padding-top:8px;font-size:5px;color:#96909e;display:flex;justify-content:space-between}.business-card{position:absolute;left:54%;top:172px;width:240px;height:140px;background:#fffffc;transform:rotate(8deg);box-shadow:1px 8px 17px #51463128;padding:25px 26px;display:flex;flex-direction:column;gap:17px;border-bottom:3px solid #ebe8e0}.business-card .lockup{width:136px}.business-card>span:not(.context-logo){font-size:7px;color:#7e7885}.business-card small{margin-top:auto;font-size:6px;color:#aaa4ad}.print-stamp{position:absolute;left:67%;top:64px;width:79px;height:79px;border:1px solid #aaa2ad;border-radius:50%;transform:rotate(15deg);color:#8c8191;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.print-stamp .symbol{width:30px}.print-stamp>span:last-child{font-size:5px;line-height:1.3;text-align:center;letter-spacing:.1em}.showcase[data-treatment=mono] .print-stamp{border-color:#3e3e4b;color:#3e3e4b}
.showcase-downloads{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:27px 0 20px;padding:25px 0;border-bottom:1px solid var(--line)}.showcase-downloads h3{font-size:16px;font-weight:550;letter-spacing:-.02em;margin:0 0 7px}.showcase-downloads p{font-size:10px;color:#928a9c;line-height:1.6;margin:0}.download-options{display:flex;gap:17px;flex-wrap:wrap;align-items:center;font-size:10px;color:#777085}.download-options a{padding:7px 0;border-bottom:1px solid #ccc6d4}.download-options a:hover{color:var(--indigo);border-color:var(--indigo)}.download-options .kit-download{border:0;background:#e8e6ef;padding:10px 13px;border-radius:5px;color:#57516d}.reference-note{font-size:9px;line-height:1.8;color:#a09aa8;max-width:740px;margin:0 0 34px}.reference-note a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cbc5d3}
@media(max-width:1050px){.browser-layout{grid-template-columns:minmax(0,1fr) 175px}.browser-scene{padding:25px 20px}.mock-site-nav{gap:10px;padding:13px 17px}.mock-site-nav .lockup{width:91px}.mock-site-hero{padding:22px 17px;min-height:209px}.mock-site-hero h4{font-size:26px}.mock-site-hero>img{height:190px}.card-caption{padding:19px 18px;align-items:flex-start;flex-direction:column;gap:7px}.card-caption p{text-align:left}.device-scene{height:315px}.ipad{padding:10px;border-radius:21px}.home-grid{gap:13px 8px}.app-tile{width:31px;border-radius:8px}.ipad-widget{height:73px;width:26%}.ipad-widget strong{font-size:25px}.ipad-dock{gap:10px;padding:5px 9px}.ipad-dock .app-tile{width:27px;font-size:18px}.home-app{font-size:5px}.desktop-window{height:226px}.desktop-note strong{font-size:38px}.desktop-dock{gap:5px;padding:5px 8px}.desktop-dock .app-tile{width:26px;border-radius:6px;font-size:17px}.desktop-installed{right:24px;top:40px}.desktop-installed .app-tile{width:39px;border-radius:10px}.desktop-folder{right:13px;top:108px}.desktop-note{top:33%;left:9%}.marketing-scene,.books-scene{height:355px}.campaign-poster{height:293px;padding:19px;left:7%}.campaign-poster h4{font-size:29px}.poster-category{font-size:4px}.social-post{top:112px;right:5%}.social-art{min-height:148px}.social-art>span:first-child{font-size:11px}.social-hero-mark{width:58px;margin-top:16px}.books-arrangement{transform:scale(.87)}.showcase-downloads{align-items:flex-start;flex-direction:column;gap:15px}.letter-sheet{left:15%}.business-card{left:52%;width:218px}.print-stamp{left:70%}}
@media(max-width:740px){.showcase-controls{flex-direction:column;align-items:stretch;gap:8px;padding:12px;top:5px}.colour-options{justify-content:space-between}.colour-options button{flex:1;justify-content:center;font-size:10px;padding:10px 9px;gap:6px}.compare-original{align-self:flex-end;padding:5px;font-size:9px}.treatment-caption{flex-direction:column;gap:6px}.browser-layout{grid-template-columns:1fr}.browser-scene{padding:23px}.favicon-lab{border-left:0;border-top:1px solid #dedde8;display:grid;grid-template-columns:1fr 1fr;padding:17px 23px;gap:9px 20px}.favicon-lab .scene-eyebrow{grid-column:1;grid-row:1;font-size:7px}.favicon-enlarged{display:none}.favicon-sizes{grid-column:2;grid-row:1/3;justify-content:flex-end;gap:15px}.favicon-sizes>div{gap:5px}.favicon-lab p{margin:0;text-align:left;font-size:8px}.mock-site-hero h4{font-size:29px}.mock-site-hero{min-height:218px}.mock-site-nav .lockup{width:110px}.device-scene{height:330px}.showcase-grid{grid-template-columns:1fr;gap:19px}.browser-card,.print-card{grid-column:1}.card-caption{flex-direction:row;align-items:flex-end;gap:15px}.card-caption p{text-align:right;font-size:8px}.ipad{width:83%;max-width:380px;aspect-ratio:1.37}.app-tile{width:36px;border-radius:9px}.home-grid{gap:15px 12px}.home-app{font-size:6px}.ipad-widget{height:84px;top:29px}.ipad-widget strong{font-size:30px}.ipad-dock .app-tile{width:29px}.desktop-window{width:87%;height:245px}.desktop-foot{width:93%}.desktop-dock .app-tile{width:29px;font-size:18px}.desktop-installed .app-tile{width:44px}.marketing-scene,.books-scene{height:380px}.campaign-poster{left:11%;width:51%;height:310px;padding:24px}.campaign-poster h4{font-size:32px}.poster-category{font-size:5px}.social-post{right:10%;max-width:180px}.social-art{min-height:162px}.social-art>span:first-child{font-size:12px}.social-hero-mark{width:64px}.books-arrangement{transform:scale(.94)}.print-scene{height:370px}.letter-sheet{left:7%;width:260px;height:355px;padding:25px 22px;top:30px}.business-card{left:auto;right:6%;top:204px;width:206px;height:123px;padding:22px}.print-stamp{left:auto;right:9%;top:68px;width:65px;height:65px}.worksheet-meta{margin-top:20px;font-size:4px}.worksheet-questions{gap:13px 15px}.worksheet-tree{top:233px;left:82px}.worksheet-footer{left:22px;right:22px}.business-card .lockup{width:126px}}
@media(max-width:480px){.showcase-jump{margin-right:4px;font-size:9px}.study-label .status-dot{display:none}.study-label{gap:3px;font-size:9px}.showcase{padding-top:38px}.showcase-intro{display:block;margin-bottom:23px}.showcase-intro h2{font-size:39px}.showcase-intro>p{font-size:12px;line-height:1.65;margin-top:19px}.showcase-intro>p br{display:none}.showcase-intro>p{max-width:280px}.colour-options button{font-size:9px;padding:9px 7px;gap:5px}.colour-options i{width:10px;height:10px}.treatment-caption{margin:16px 2px 19px;font-size:9px}.browser-scene{padding:19px 13px}.browser-tabs{height:27px;font-size:7px;padding:0 7px}.traffic-lights{gap:3px;margin-right:7px}.traffic-lights i{width:5px;height:5px}.browser-tab{width:115px;padding:5px 8px;gap:5px;height:22px}.browser-tab.inactive{width:90px}.browser-tab .tab-favicon{width:16px;height:12px}.browser-address{height:26px;padding:0 8px;gap:9px}.browser-address>div{height:18px;font-size:6px}.mock-site-nav{padding:11px 12px;font-size:6px;gap:9px;min-height:41px}.mock-site-nav .lockup{width:88px}.mock-login{padding:5px 10px}.mock-site-hero{padding:19px 13px;min-height:192px}.mock-site-hero h4{font-size:23px}.mock-site-hero>img{height:165px;width:46%}.mock-site-hero p{font-size:7px}.mock-cta{font-size:7px;padding:6px 24px}.hero-underline{width:70px;margin-top:5px}.favicon-lab{padding:17px 15px;gap:7px 5px}.favicon-lab .scene-eyebrow{font-size:6px;letter-spacing:.08em}.favicon-sizes{gap:10px}.favicon-sizes>div{font-size:8px;min-width:32px}.card-caption{padding:18px;display:block}.card-caption h3{font-size:16px}.card-caption p{text-align:left;margin-top:7px}.scene-index{font-size:7px}.device-scene{height:295px}.ipad{width:88%;border-radius:20px;padding:10px;aspect-ratio:1.34}.ipad-screen{padding:8px 10px}.ipad-widget{left:11px;top:28px;padding:8px;height:73px;width:25%}.ipad-widget strong{font-size:26px}.ipad-widget small{font-size:4px}.home-grid{width:68%;gap:12px 7px;margin-top:15px}.app-tile{width:29px;border-radius:7px}.mathspace-app{padding:6px}.generic-app{font-size:20px}.calendar-glyph{font-size:19px}.calendar-glyph small{font-size:4px}.home-app{font-size:5px;gap:3px}.ipad-dock{padding:5px 9px;gap:10px;bottom:11px}.ipad-dock .app-tile{width:26px;font-size:17px;border-radius:6px}.device-status{font-size:5px}.desktop-window{width:88%;height:219px;border-width:6px}.desktop-menubar{font-size:5px;gap:9px}.desktop-note{top:34%;left:8%}.desktop-note strong{font-size:34px}.desktop-note>span{font-size:7px}.desktop-installed{top:40px;right:19px;font-size:7px}.desktop-installed .app-tile{width:37px;padding:7px;border-radius:9px}.desktop-folder{top:102px;right:11px}.desktop-folder>span{font-size:32px}.desktop-folder small{font-size:6px}.desktop-dock{gap:5px;bottom:8px}.desktop-dock .app-tile{width:25px;font-size:16px}.dock-trash{font-size:19px}.marketing-scene{height:349px}.campaign-poster{left:8%;top:27px;width:55%;height:286px;padding:20px}.campaign-poster h4{font-size:29px;margin-top:20px}.poster-category{font-size:4px;line-height:1.4}.poster-brand .lockup{width:100px}.social-post{width:44%;right:6%;top:116px}.social-art{min-height:143px;padding:15px 12px}.social-art>span:first-child{font-size:11px}.social-top{font-size:6px;padding:5px 7px;height:27px}.social-hero-mark{width:56px;margin-top:15px}.books-scene{height:350px}.books-arrangement{transform:scale(.83) translateX(-1%)}.print-scene{height:349px}.letter-sheet{width:231px;height:324px;left:5%;top:32px;padding:21px 19px}.letter-sheet header .lockup{width:106px}.letter-sheet header{gap:15px}.letter-sheet header>span{font-size:4px}.worksheet-meta{margin-top:18px;font-size:4px;gap:6px}.letter-sheet h4{font-size:15px}.letter-sheet>p{font-size:5px;margin-bottom:16px}.worksheet-questions{font-size:7px;gap:13px 14px}.worksheet-tree{top:210px;left:72px;width:75px}.worksheet-tree svg{width:75px;height:44px}.worksheet-footer{font-size:4px;left:19px;right:19px;bottom:17px}.business-card{right:4%;top:204px;width:178px;height:111px;padding:20px;gap:12px}.business-card .lockup{width:113px}.business-card>span:not(.context-logo){font-size:6px}.business-card small{font-size:5px}.print-stamp{right:7%;top:66px;width:57px;height:57px}.print-stamp .symbol{width:25px}.print-stamp>span:last-child{font-size:4px}.download-options{gap:11px;font-size:9px}.download-options .kit-download{padding:9px 11px}.showcase-downloads{padding:22px 0;gap:12px}.showcase-downloads h3{font-size:15px}.showcase-downloads p{font-size:9px}.reference-note{font-size:8px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.showcase *{transition:none!important}}