.case-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--lime);font-size:.72rem}.case-title{background:linear-gradient(#fff 35%,#cfe3c4);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}.case-browser{background:#111214;border:1px solid #ffffff1a;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 40px 120px -40px #c8ff3e2e,0 30px 80px -30px #000c}.case-browser-bar{background:linear-gradient(#ffffff0d,#ffffff05);border-bottom:1px solid #ffffff12;align-items:center;gap:.4rem;padding:.7rem 1rem;display:flex}.case-browser-bar i{background:#ffffff24;border-radius:50%;width:.62rem;height:.62rem}.case-browser-bar span{font-family:var(--font-mono);color:var(--bone-dim);background:#ffffff0d;border-radius:999px;margin-inline:auto;padding:.25rem 1.2rem;font-size:.7rem;transform:translate(-1.5rem)}.case-browser img{width:100%;height:auto;display:block}.case-stack{flex-wrap:wrap;gap:.5rem;display:flex}.case-stack li{font-family:var(--font-mono);color:#f3efe7d1;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;padding:.45rem .85rem;font-size:.78rem}.case-label{letter-spacing:-.04em;margin:2.2rem 0 1.2rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600}.case-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.4rem);display:grid}.case-shot{border:1px solid #ffffff14;border-radius:14px;width:100%;height:auto;display:block}.case-shots .case-shot:first-child,.case-shots .case-shot:nth-child(4):last-child{grid-column:1/-1}.case-phones{background:radial-gradient(70% 90% at 50% 0,#c8ff3e17,#0000 70%),linear-gradient(165deg,#ffffff0d,#ffffff03);border:1px solid #c8ff3e24;border-radius:28px;justify-content:center;gap:clamp(1rem,3vw,2.6rem);padding:clamp(2rem,5vw,4.5rem) clamp(1rem,3vw,3rem);display:flex}.case-phone{background:#050506;border:1px solid #ffffff24;border-radius:2.2rem;flex:0 15rem;min-width:0;padding:.45rem;box-shadow:0 30px 70px -30px #000000e6}.case-phone:nth-child(2n){transform:translateY(2.2rem)}.case-phone img{border-radius:1.8rem;width:100%;height:auto;display:block}.case-ask{text-align:center;background:radial-gradient(70% 120% at 50% 0,#c8ff3e1a,#0000 70%),linear-gradient(165deg,#ffffff0f,#ffffff04);border:1px solid #c8ff3e33;border-radius:28px;padding:clamp(2rem,5vw,4rem)}.case-ask h2{letter-spacing:-.05em;background:linear-gradient(#fff 30%,#cfe3c4);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:22ch;margin-inline:auto;font-size:clamp(1.9rem,4vw,3.4rem);font-weight:550;line-height:1.05}.case-ask p{max-width:36rem;color:var(--bone-dim);margin:1rem auto 1.8rem;line-height:1.6}.case-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.case-next-shot{aspect-ratio:1.61;object-fit:cover;opacity:.7;border:1px solid #ffffff1a;border-radius:14px;width:min(26rem,100%);transition:opacity .6s,transform .9s cubic-bezier(.19,1,.22,1)}.group:hover .case-next-shot{opacity:1;transform:scale(1.02)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.case-rise{animation:linear both case-rise;animation-timeline:view();animation-range:entry entry 30%}}}@keyframes case-rise{0%{opacity:0;translate:0 1.6rem}}@media (max-width:767px){.case-shots{grid-template-columns:minmax(0,1fr)}.case-phones{gap:.6rem;padding:1.5rem .8rem 2.6rem}.case-phones[data-count="5"] .case-phone:nth-child(n+4){display:none}.case-phone{border-radius:1.2rem;padding:.25rem}.case-phone img{border-radius:1rem}.case-phone:nth-child(2n){transform:translateY(1.2rem)}.case-browser-bar span{transform:none}}.show-mac{height:calc(100svh + var(--chapters) * 80svh);position:relative}.show-phones{height:330svh;position:relative}.show-stage{flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.show-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,#c8ff3e29,#0000 70%);position:absolute;inset:10% 15% 25%}.show-stage-mac{perspective:2400px}.mac{transform-style:preserve-3d;perspective:2600px;transform-origin:50% 80%;width:min(82vw,1080px,150svh - 19.5rem);position:relative}.mac-lid{transform-origin:50% 100%;transform-style:preserve-3d;position:relative}.mac-back{backface-visibility:hidden;background:radial-gradient(70% 60% at 50% 40%,#4a4e55,#26282c 70%),#26282c;border-radius:2.2%/3.4%;position:absolute;inset:0;transform:rotateX(180deg);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 2px #ffffff1f}.mac-sheen,.iphone-sheen{pointer-events:none;z-index:3;background:linear-gradient(115deg,#ffffff1a 0%,#ffffff08 28%,#0000 42%);position:absolute;inset:0}.mac-bezel{backface-visibility:hidden;background:#0b0b0d;border:1px solid #ffffff1f;border-radius:2.2%/3.4%;padding:2.1% 2.1% 2.6%;position:relative;box-shadow:inset 0 0 0 1px #000,0 -1px #ffffff14}.mac-camera{z-index:2;background:#0b0b0d;border-radius:0 0 .7rem .7rem;width:9%;height:2.6%;min-height:9px;position:absolute;top:0;left:50%;translate:-50%}.mac-screen{aspect-ratio:1.6;background:#000;border-radius:.5%/.8%;position:relative;overflow:hidden}.mac-strip{will-change:transform}.mac-strip img{aspect-ratio:1.6;object-fit:cover;width:100%;display:block}.mac-off{background:linear-gradient(160deg,#15171a,#050506);position:absolute;inset:0}.mac-base{background:linear-gradient(#3a3c40 0%,#1d1e21 35%,#0c0c0e 100%);border-radius:0 0 1.6rem 1.6rem/0 0 100% 100%;width:114%;height:clamp(10px,2.2vw,22px);margin-left:-7%;position:relative;box-shadow:0 30px 60px -20px #000000e6}.mac-base span{background:#111214;border-radius:0 0 .8rem .8rem;width:16%;height:45%;position:absolute;top:0;left:50%;translate:-50%}.show-meta{font-family:var(--font-mono);color:var(--bone-dim);align-items:center;gap:1.2rem;margin-top:2rem;font-size:.72rem;display:flex}.show-dots{gap:.45rem;display:inline-flex}.show-dots i{background:#fff3;border-radius:999px;width:.45rem;height:.45rem;transition:width .5s cubic-bezier(.32,.72,0,1),background .5s}.show-dots i[data-on=true]{background:var(--lime);width:1.4rem}.show-statement{padding:clamp(6rem,18vh,12rem) clamp(1.5rem,6vw,6rem)}.show-statement p{letter-spacing:-.045em;text-align:center;max-width:20ch;color:var(--bone);text-wrap:balance;margin-inline:auto;font-size:clamp(2.2rem,5.6vw,5.4rem);font-weight:600;line-height:1.04}.phones-row{perspective:2000px;justify-content:center;align-items:center;gap:clamp(.8rem,3vw,3rem);display:flex}.iphone{width:min(19rem,24vw,46svh - 2.76rem);transform-style:preserve-3d;background:linear-gradient(145deg,#3b3d42,#17181b 40%,#2c2e33);border-radius:3rem;padding:.55rem;box-shadow:inset 0 0 0 1px #ffffff1f,0 50px 90px -40px #000000f2}.iphone[data-centre=true]{z-index:2}.iphone-screen{aspect-ratio:390/844;background:#000;border:.3rem solid #000;border-radius:2.5rem;position:relative;overflow:hidden}.iphone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.iphone-extra{opacity:0;position:absolute;inset:0}.iphone-island{z-index:2;background:#000;border-radius:999px;width:32%;height:3.6%;position:absolute;top:2.2%;left:50%;translate:-50%}.show[data-still=true] .show-mac,.show[data-still=true] .show-phones{height:auto;padding:4rem 0}.show[data-still=true] .show-stage{height:auto;position:relative}.show[data-still=true] .mac-off{display:none}@media (max-width:767px){.mac{width:94vw}.show-mac{height:calc(100svh + var(--chapters) * 65svh)}.iphone{border-radius:1.8rem;width:42vw;padding:.35rem}.iphone-screen{border-width:.2rem;border-radius:1.5rem}.phones-row{gap:0}.phones-row .iphone:not([data-centre=true]){width:34vw;margin-inline:-4vw}}