.cs-apple{--ds-leaf: #107c10;--ds-sun: #fef200;--ds-char: #2d2d2d;--ds-paper: #f1f0ec}:where([data-mode=dark]) .cs-apple{--ds-ink: #5fd35f}.cs-apple .ds-appicon{background:var(--ds-leaf);color:#fff;box-shadow:0 18px 40px -16px #107c1099,inset 0 0 0 1px #ffffff1a}.cs-apple .ds-appicon svg{width:62%;height:auto}.ds-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.ds-hero-media img{position:absolute;inset:-6% 0;height:112%}.ds-slide{aspect-ratio:5834 / 4500!important}.ds-slide--wide{aspect-ratio:16 / 7!important}.ds-eq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:var(--cs-bento);padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--bg-elev)}.ds-eq__item{position:relative;display:grid;justify-items:center;gap:14px;text-align:center;color:var(--ds-ink, var(--ds-char))}.ds-eq__item svg{width:min(120px,70%);height:auto}.ds-eq__item span{font-size:.9375rem;font-weight:500;line-height:1.3;color:var(--label-2)}.ds-eq__item small{font-weight:400;font-style:italic}.ds-eq__item:not(:last-child):after{position:absolute;right:calc(var(--cs-bento) / -2);top:34%;translate:50% -50%;font-family:var(--font-display);font-size:2rem;color:var(--label-3)}.ds-eq__house:after,.ds-eq__hand:after{content:"+"}.ds-eq__trees:after{content:"="}.ds-eq__result{color:var(--ds-leaf)}.ds-eq__result span{color:var(--ds-leaf);font-weight:600}.ds-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cs-gap-m);align-items:center;margin-top:var(--cs-bento);padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--ds-leaf);color:#fff}.ds-stage__art{display:grid;place-items:center}.ds-badge{width:min(380px,86%);height:auto;overflow:visible;color:#fff}.ds-stage__copy .lead{color:#fff}.ds-stage__copy .muted{margin-top:var(--cs-gap-s);color:#ffffffc7!important}.ds-swatches{grid-template-columns:1.4fr 1fr 1fr 1fr}.cs-apple .ds-swatches .swatch:last-child{box-shadow:inset 0 0 0 1px var(--separator)}.ds-story{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--cs-gap-s);padding:var(--cs-pad);border-radius:var(--radius-xl);background:var(--ds-paper);color:var(--ds-char)}.ds-story__stage{position:relative;aspect-ratio:2430 / 1600;border-radius:var(--radius-tile);overflow:hidden;background:#fbfaf6}.ds-phase{position:absolute;inset:0;margin:0}.ds-phase__colour{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ds-phase__sketch{position:absolute;left:3%;top:5%;width:32%;height:auto;rotate:-4deg;box-shadow:0 18px 30px -18px #00000073}.ds-phase__cap{display:none}.ds-story__label{position:absolute;right:16px;bottom:16px;z-index:20;display:flex;align-items:baseline;gap:10px;padding:8px 16px;border-radius:100px;background:#ffffffdb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--ds-leaf)}.ds-story__label span{font-family:var(--font-display);font-size:.875rem}.ds-story__label b{font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;line-height:1}.ds-story__rail{display:grid;align-content:center;gap:2px}.ds-story__rail button{display:flex;gap:10px;align-items:baseline;width:100%;padding:7px 12px;border-radius:12px;text-align:left;font-size:.875rem;color:#2d2d2d80;transition:color .3s,background-color .3s}.ds-story__rail button span{font-family:var(--font-display);font-size:.75rem}.ds-story__rail button:hover{color:var(--ds-char)}.ds-story__rail button.is-active{color:#fff;background:var(--ds-leaf)}.ds-story.is-static{grid-template-columns:1fr}.ds-story.is-static .ds-story__rail,.ds-story.is-static .ds-story__label{display:none}.ds-story.is-static .ds-story__stage{aspect-ratio:auto;overflow:visible;background:none;display:grid;gap:var(--cs-gap-s)}.ds-story.is-static .ds-phase{position:relative;inset:auto;border-radius:16px;overflow:hidden;background:#fff}.ds-story.is-static .ds-phase__colour{position:relative;display:block;height:auto;aspect-ratio:2430 / 1600}.ds-story.is-static .ds-phase__cap{display:grid;padding:10px 14px 14px;color:var(--ds-char)}.ds-story.is-static .ds-phase__cap span{font-family:var(--font-display);font-size:.75rem;color:var(--ds-leaf)}.ds-story.is-static .ds-phase__cap b{font-family:Caveat,cursive;font-size:1.35rem;color:var(--ds-leaf);line-height:1.1}.ds-story.is-static .ds-phase__cap em{font-style:normal;font-size:.8125rem}.ds-browser{max-width:1060px;margin:0 auto;border-radius:var(--radius-tile);overflow:hidden;background:var(--bg-elev);box-shadow:0 40px 70px -40px #103c1073,inset 0 0 0 1px var(--separator)}.ds-browser__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--fill)}.ds-browser__bar i{width:11px;height:11px;border-radius:50%;background:var(--fill-2)}.ds-browser__bar i:first-child{background:var(--ds-leaf)}.ds-browser__bar span{margin-left:12px;flex:1;max-width:360px;padding:5px 14px;border-radius:100px;background:var(--bg);font-size:.8125rem;color:var(--label-2)}.ds-browser__screen{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#fff}.ds-browser__screen img{width:100%;height:auto;display:block;will-change:transform}.ds-rail-item{flex:none;width:min(760px,82vw);aspect-ratio:5834 / 4500}:where([data-mode=dark]) .ds-story{background:#e9e7e0}@media(max-width:860px){.ds-eq{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--cs-gap-m)}.ds-eq__item:after{display:none}.ds-stage{grid-template-columns:1fr}.ds-swatches{grid-template-columns:1fr 1fr}}