.case-page{background:#100e19;color:#f5f3ec}.case-page em{font-family:var(--serif);font-weight:400;color:#d4b6ff}.case-page .eyebrow{color:#cdb6e6}.case-page .text-link{color:#dfccef}.case-hero-shell{overflow:hidden;background:radial-gradient(ellipse at 88% 36%,#51316745,transparent 60%)}.case-hero{position:relative;padding-top:80px;padding-bottom:95px;isolation:isolate}.case-hero-copy{position:relative;z-index:2;max-width:730px;width:61%}.case-hero h1{font-size:clamp(58px,6.8vw,96px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 30px}.case-hero h1 em{font-size:1.13em}.case-lead{font-size:23px;line-height:1.6;max-width:590px}.case-intro{font-size:16px;color:#b9afc7;line-height:1.85;max-width:550px;margin:20px 0 30px}.trajectory-art{position:absolute;width:53%;right:-60px;top:45px;pointer-events:none;z-index:0}.trajectory-art svg{width:100%;max-width:none}.journey-star{transform-origin:600px 110px;animation:star-breathe 7s ease-in-out infinite;animation-play-state:paused}.journey-line{stroke-dasharray:8 5;animation:journey 24s linear infinite;animation-play-state:paused}.is-visible .journey-star,.is-visible .journey-line{animation-play-state:running}@keyframes journey{to{stroke-dashoffset:-130}}@keyframes star-breathe{50%{opacity:.55;transform:scale(.9)}}.case-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;padding-block:28px;border-block:1px solid #403448}.case-summary span,.chapter-label>span{font-size:10px;letter-spacing:1.8px;color:#c9acd9}.case-summary p{margin:8px 0 0;font-size:14px;color:#ded6e8}.case-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding-block:100px}.case-page h2{font-size:clamp(38px,4vw,57px);line-height:1.15;letter-spacing:-1.7px;margin:22px 0}.chapter-copy p{font-size:17px;line-height:1.9;color:#c5bbd0;margin:0 0 22px}.chapter-copy p:last-child{margin-bottom:0}.case-quote{background:#ebe6df;color:#302338;padding-block:65px}.case-quote blockquote{font-family:var(--serif);font-size:clamp(36px,4.6vw,66px);font-style:italic;line-height:1.25;margin:0;max-width:1030px}.case-quote p{font-size:13px;margin-top:25px}.case-quote p span{color:#706174;display:block;font-size:11px;margin-top:4px}.evolution-shell{background:linear-gradient(145deg,#241b31,#16121f);border-block:1px solid #3c2d49}.evolution{padding-block:85px}.section-lead{max-width:730px;font-size:18px;line-height:1.8;color:#c9bbd6}.evolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:48px}.evolution-grid article{border-top:1px solid #725882;padding-top:22px}.evolution-grid article>span{color:#b39acb;font-size:11px}.evolution-grid h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:15px 0}.evolution-grid p{font-size:15px;line-height:1.9;color:#bfb2ca}.evolution-grid .stage-question{color:#ecdef5;font-size:16px}.evolution-note{border-top:1px solid #49354f;padding-top:27px;margin:38px 0 0;max-width:800px;font-size:17px;color:#d5c3e4}.product-section{padding-top:100px}.product-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;margin-bottom:30px}.product-heading>p{font-size:18px;line-height:1.9;color:#c3b6cf;max-width:530px}.demo-disclosure{font-size:12px;line-height:1.8;color:#a99ab9;max-width:830px;margin:0 0 32px}.case-shot{margin:0 0 55px;min-width:0}.screen-link{display:block;position:relative;border:1px solid #594468;border-radius:13px;overflow:hidden;background:#1d1727;box-shadow:0 20px 60px #0003}.screen-link img{width:100%;height:auto;display:block;transition:filter .25s}.screen-link:hover img{filter:brightness(.92)}.zoom-hint{position:absolute;right:16px;bottom:16px;font-size:11px;padding:7px 12px;background:#17101fe8;color:#f3eafa;border:1px solid #b79dce66;border-radius:30px}.case-shot figcaption{font-size:12px;line-height:1.8;color:#b7a6c5;padding-top:13px}.device-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:35px 8% 50px}.device-copy h3{font-size:clamp(34px,3.4vw,48px);line-height:1.2;letter-spacing:-1.4px;font-weight:400}.device-copy>p:not(.eyebrow){color:#c3b5cf;font-size:17px;line-height:1.9}.phone-shot{width:100%;max-width:325px;justify-self:center;margin-bottom:0}.phone-shot .screen-link{border:7px solid #342b40;border-radius:42px}.phone-shot img{border-radius:32px}.tablet-shot{max-width:1050px;margin-inline:auto}.tablet-shot .screen-link{border:10px solid #342b40;border-radius:24px}.feedback-section{border-top:1px solid #392d43;margin-top:35px}.public-section{padding-bottom:90px}.public-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.public-grid .case-shot{margin-bottom:15px}.product-links{display:flex;gap:40px;flex-wrap:wrap;margin-top:22px}.lesson-shell{background:radial-gradient(ellipse at 50% 100%,#53346560,transparent 75%);border-top:1px solid #403249}.lesson{padding-block:100px;text-align:center}.lesson .eyebrow{justify-content:center}.lesson>p:not(.eyebrow){max-width:680px;margin:22px auto;color:#c5b6ce;font-size:17px;line-height:1.9}.lesson .button{margin-top:18px}.lesson .pricing-link{display:flex;width:fit-content;margin:25px auto}.lesson .story-credit{font-size:11px!important;color:#9f90af!important;margin-top:55px!important}.case-page .footer-main>span{font-size:20px}.screen-dialog{padding:55px 18px 18px;border:1px solid #7b628c;border-radius:14px;background:#16101f;color:#e7d8f1;width:min(1400px,96vw);max-height:94dvh;overflow:auto}.screen-dialog::backdrop{background:#08060de8;backdrop-filter:blur(8px)}.screen-dialog img{max-height:76dvh;width:auto;max-width:100%;margin:auto;object-fit:contain}.screen-dialog p{text-align:center;font-size:12px}.screen-close{position:absolute;right:16px;top:10px;background:#392d47;color:white;padding:6px 15px;border-radius:20px;font-size:13px}
@media(max-width:1100px){.case-hero h1{font-size:72px}.trajectory-art{right:-120px;top:110px;width:63%;opacity:.8}.case-hero-copy{width:68%}.case-summary{gap:20px}.case-chapter{gap:6%}.evolution-grid{gap:25px}.device-story{padding-inline:0;gap:8%}}
@media(max-width:760px){.case-hero{padding-top:45px;padding-bottom:30px}.case-hero-copy{width:100%;max-width:650px}.case-hero h1{font-size:clamp(57px,10vw,80px)}.case-lead{font-size:20px}.trajectory-art{position:relative;right:auto;top:auto;width:min(100%,480px);margin:-10px auto -25px;opacity:1}.case-summary{grid-template-columns:1fr 1fr;gap:22px}.case-summary>div:last-child{grid-column:1/-1}.case-chapter{grid-template-columns:1fr;gap:18px;padding-block:60px}.chapter-copy p{font-size:16px}.case-quote{padding-block:45px}.evolution{padding-block:60px}.evolution-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.evolution-grid h3{margin:8px 0}.evolution-grid article>p{margin:10px 0}.product-section{padding-top:60px}.product-heading{grid-template-columns:1fr;gap:0}.product-heading>p{font-size:16px;margin-top:0}.device-story{grid-template-columns:1fr;gap:25px;padding-top:0}.device-copy h3{margin:20px 0}.phone-shot{max-width:290px}.public-grid{grid-template-columns:1fr;gap:20px}.public-section{padding-bottom:60px}.lesson{padding-block:60px}.case-shot{margin-bottom:35px}.tablet-shot .screen-link{border-width:5px;border-radius:15px}.zoom-hint{right:9px;bottom:9px;font-size:10px}.case-page .footer-main>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.trajectory-art *{animation:none!important}.screen-link img{transition:none}}

/* A fixed inclined disc, with the stars slowly turning within its plane. */
.case-hero .galaxy-art{width:62%;right:-110px;top:15px;mix-blend-mode:screen;opacity:1}
.galaxy-angle{transform:rotate(32deg) scaleY(.72);mask-image:radial-gradient(ellipse,#000 50%,transparent 73%)}
.galaxy-image{width:100%;height:auto;max-width:none;animation:galaxy-turn 240s linear infinite;animation-play-state:paused;will-change:transform}
.galaxy-art.is-visible .galaxy-image{animation-play-state:running}
@keyframes galaxy-turn{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}
@media(max-width:1100px) and (min-width:761px){.case-hero .galaxy-art{width:70%;right:-145px;top:115px}}
@media(max-width:760px){.case-hero .galaxy-art{width:calc(100% + 70px);max-width:560px;right:auto;top:auto;margin:-30px -35px -45px}}
@media(prefers-reduced-motion:reduce){.galaxy-image{animation:none!important;transform:rotate(-15deg);will-change:auto}}
.case-hero-shell{isolation:isolate}.case-hero{isolation:auto}
.case-hero .galaxy-art{width:56%;right:-80px;top:10px}
@media(max-width:1100px) and (min-width:761px){.case-hero .galaxy-art{width:64%;right:-125px;top:95px}}
@media(max-width:760px){.case-hero .galaxy-art{width:calc(100% + 70px);right:auto;top:auto}}

.universe-asterisk{font-size:.3em;vertical-align:super;line-height:0;margin-left:.2em;color:#d4b6ff}.universe-asterisk a{display:inline-block;padding:5px}.lesson .cosmic-fine-print{font-size:12px!important;color:#b5a1c6!important;margin-top:42px!important;scroll-margin-top:120px}

/* Let the galaxy dissolve into the night; keep its footnote with the artwork. */
.case-hero-shell{background:radial-gradient(ellipse at 82% 42%,#251b3240,transparent 64%)}
.galaxy-angle{mask-image:radial-gradient(ellipse,#000 24%,#000c 43%,#0005 57%,transparent 70%)}
.case-hero>.cosmic-fine-print{position:absolute;right:var(--gutter);bottom:35px;width:43%;margin:0;color:#b5a1c6;font-size:11px;line-height:1.8;text-align:center;z-index:2;scroll-margin-top:130px}
@media(max-width:760px){.case-hero .galaxy-art{margin-bottom:-10px}.case-hero>.cosmic-fine-print{position:relative;right:auto;bottom:auto;width:100%;margin:0 auto 10px;max-width:400px;font-size:10px}}

/* Deep-space hero; the rest of the case study keeps its violet palette. */
.case-hero-shell{position:relative;background:#000}
.case-hero-shell::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle at 8% 17%,#e9e2ff 0 .7px,transparent 1.4px),radial-gradient(circle at 22% 71%,#b7bfdc 0 .6px,transparent 1.3px),radial-gradient(circle at 36% 8%,#fff4df 0 .8px,transparent 1.5px),radial-gradient(circle at 48% 43%,#d2c3ed 0 .6px,transparent 1.2px),radial-gradient(circle at 61% 87%,#e1e5ff 0 .9px,transparent 1.7px),radial-gradient(circle at 76% 22%,#d6c4fa 0 .7px,transparent 1.4px),radial-gradient(circle at 90% 66%,#f7ebd6 0 .8px,transparent 1.6px);background-size:431px 389px,593px 467px,727px 563px,389px 617px,811px 431px,547px 743px,677px 521px}