.cs-apple{--ec-forest: #165b3f;--ec-lime: #96c93d;--ec-kraft: #a8835f;--ec-cream: #f2eae0}:where([data-mode=dark]) .cs-apple{--ec-ink: #b7e07a}.cs-apple .ec-appicon{background:var(--ec-forest);box-shadow:0 18px 40px -16px #165b3f99,inset 0 0 0 1px #ffffff14;--ec-r: #fff}.cs-apple .ec-appicon svg{width:56%;height:auto}.ec-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.ec-hero-media img{position:absolute;inset:-6% 0;height:112%}.ec-slide{aspect-ratio:1400 / 1080!important}.cs-apple .ec-problem{background:var(--ec-forest)}.cs-apple main .ec-problem .eyebrow{color:var(--ec-lime)}.ec-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cs-bento)}.ec-stat{padding:var(--cs-pad);border-radius:var(--radius-tile);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.ec-stat__n{font-family:var(--font-display);font-size:clamp(2.75rem,1.4rem + 3.4vw,4.5rem);line-height:1;letter-spacing:-.03em;color:var(--ec-lime);font-variant-numeric:tabular-nums}.ec-stat__d{margin-top:14px;font-size:1rem;line-height:1.45;color:#ffffffd1}.ec-problem__src{margin-top:var(--cs-gap-s);text-align:center;font-size:.8125rem;color:#ffffff80}.ec-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--cs-gap-m);align-items:center;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--bg-elev)}.ec-stage__art{display:grid;justify-items:center;gap:clamp(20px,3vw,40px)}.ec-markstage{width:min(320px,70%);height:auto;overflow:visible}.ec-cycle{fill:none;stroke:var(--ec-lime);stroke-width:26;stroke-linecap:round;stroke-linejoin:round}.ec-wordstage{width:min(460px,92%);height:auto;color:var(--ec-ink, var(--ec-forest));overflow:visible}.ec-stage__notes{display:grid;gap:4px}.ec-stage__notes li{display:grid;gap:4px;padding:14px 18px;border-radius:18px;color:var(--label-3);transition:color .4s,background-color .4s}.ec-stage__notes li b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5);line-height:1.3}.ec-stage__notes li span{font-size:.9375rem;line-height:1.45;color:var(--label-2)}.ec-stage__notes li.is-active{color:var(--label);background:var(--fill)}.ec-swatches{grid-template-columns:1.4fr 1fr 1fr 1fr}.cs-apple .ec-swatches .swatch:last-child{box-shadow:inset 0 0 0 1px #165b3f24}.ec-loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--cs-gap-m);align-items:center;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--ec-cream);color:var(--ec-forest)}.cs-apple main .ec-loop .eyebrow{color:var(--ec-forest)}.ec-loop .h2{color:var(--ec-forest)}.ec-loop__steps{display:grid;gap:4px;margin-top:var(--cs-gap-s)}.ec-loop__steps li{display:grid;gap:2px;padding:12px 16px;border-radius:16px;color:#165b3f73;transition:color .4s,background-color .4s}.ec-loop__steps li b{font-weight:600;font-size:1.0625rem}.ec-loop__steps li span{font-size:.9375rem;line-height:1.45}.ec-loop__steps li.is-active{color:var(--ec-forest);background:#96c93d40}.ec-loop__svg{width:100%;height:auto;overflow:visible}.ec-arc{fill:none;stroke:var(--ec-forest);stroke-width:3;stroke-dasharray:1;stroke-linecap:round}.ec-node__ring{fill:#fff;stroke:#165b3f40;stroke-width:2;transition:fill .4s,stroke .4s}.ec-node__icon path,.ec-node__icon circle{fill:none;stroke:var(--ec-forest);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ec-node.is-on .ec-node__ring{fill:var(--ec-lime);stroke:var(--ec-forest)}.ec-products{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cs-bento)}.ec-bag-tile{display:grid;place-items:center;align-content:center;gap:var(--cs-gap-s);padding:var(--cs-pad-lg) var(--cs-pad);border-radius:var(--radius-tile);background:radial-gradient(120% 90% at 50% 10%,#fff,#e6ebe1);perspective:1200px}.ec-bag{width:min(340px,100%);transform-style:preserve-3d;will-change:transform}.ec-bag__svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 30px rgba(22,60,40,.22));overflow:visible}.ec-bag-tile__k{font-size:.8125rem;font-weight:500;color:#4f6b5c}.ec-sketches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-bento)}.ec-sk{display:grid;align-content:start;gap:6px;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.ec-sk h3{margin-top:10px;font-family:var(--font-display);font-weight:400;font-size:1.125rem;line-height:1.3}.ec-sk p{font-size:.9375rem;line-height:1.45;color:var(--label-2)}.ec-sketch{width:72%;max-width:140px;height:auto;color:var(--ec-ink, var(--ec-forest));overflow:visible}.ec-sketch path,.ec-sketch circle{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ec-sketch .dash{stroke-dasharray:3 4;opacity:.55}.ec-sketch .ec-sk-mark{stroke:var(--ec-lime);stroke-width:3}.ec-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cs-bento)}.ec-app{aspect-ratio:1}.ec-app--wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.ec-rail-item{flex:none;width:min(760px,82vw);aspect-ratio:1400 / 1080}:where([data-mode=dark]) .ec-bag-tile{background:radial-gradient(120% 90% at 50% 10%,#26332c,#121a16)}:where([data-mode=dark]) .ec-bag-tile__k{color:var(--label-2)}@media(max-width:1100px){.ec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.ec-stage,.ec-loop,.ec-products{grid-template-columns:1fr}.ec-sketches{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-swatches,.ec-apps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ec-stats{grid-template-columns:1fr}}