.tab-article{--tab-lime:#d7ff3a;--tab-ink:#0b0b0c}.tab-article .tab-body p{color:color-mix(in oklab, var(--foreground) 86%, transparent);margin-top:1.5rem;font-size:1.05rem;line-height:1.75}.tab-article .tab-body p.tab-lede{color:var(--foreground);margin-top:0;font-size:1.2rem;line-height:1.6}.tab-article .tab-body h2{border-top:1px solid var(--rule);letter-spacing:0;margin-top:5rem;padding-top:1.75rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;line-height:1.1}.tab-article .tab-body h2+p{margin-top:1.75rem}.tab-article .tab-body h2.tab-first-heading{margin-top:0}.tab-article .tab-body h2+p.tab-lede{margin-top:1.75rem}.tab-article .tab-receipt{border-block:1px solid var(--rule);margin:2.5rem 0;padding:1.5rem 0}.tab-article .tab-receipt dl{max-width:26rem;margin-top:1.25rem}.tab-article .tab-receipt dl>div{justify-content:space-between;gap:1.5rem;padding:.5rem 0;display:flex}.tab-article .tab-receipt dd{font-variant-numeric:tabular-nums}.tab-article .tab-receipt-total{border-top:1px solid var(--rule);margin-top:.5rem;font-weight:600}.tab-article .tab-flow{border-block:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.5rem .4rem;margin:2.5rem 0;padding-block:1.4rem;display:flex}.tab-article .tab-flow li{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;display:inline-flex}.tab-article .tab-flow li span.step{border:1px solid var(--rule);background:var(--background);border-radius:999px;padding:.45rem .75rem}.tab-article .tab-flow li:first-child span.step,.tab-article .tab-flow li:last-child span.step{border-color:var(--primary);color:var(--primary)}.tab-article .tab-flow .arrow{color:var(--muted-foreground)}.tab-article .tab-thesis{border-left:2px solid var(--primary);font-family:var(--font-serif);color:var(--foreground);margin:3rem 0;padding-left:1.75rem;font-size:clamp(1.45rem,2.6vw,1.9rem);font-style:italic;line-height:1.3}.tab-article .tab-shot{background:var(--tab-ink);width:100%;height:auto;box-shadow:0 1px 0 var(--rule), 0 24px 60px -32px color-mix(in oklab, var(--foreground) 45%, transparent);border-radius:18px;display:block}.tab-reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);transform:translateY(18px)scale(.985)}.tab-reveal.is-in{opacity:1;transform:none}.tab-diptych{grid-template-columns:repeat(12,1fr);display:grid;position:relative}.tab-diptych .a{grid-area:1/1/auto/span 9}.tab-diptych .b{z-index:1;grid-area:1/5/auto/span 8;margin-top:18%}.tab-schematic{background:var(--cream);border-radius:22px;place-items:center;padding:3rem 1rem;display:grid}.tab-phone{border:1.5px solid color-mix(in oklab, var(--foreground) 55%, transparent);border-radius:30px;width:190px;height:360px;position:relative;overflow:hidden}.tab-phone .edge{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6rem;position:absolute;left:0;right:0}.tab-phone .edge.top{top:.9rem}.tab-phone .edge.bottom{bottom:.9rem}.tab-marker{background:var(--tab-lime);color:var(--tab-ink);text-align:center;border-radius:14px;padding:.9rem .8rem;line-height:1.1;animation:7s cubic-bezier(.65,0,.35,1) paused tab-marker;position:absolute;bottom:42px;left:14px;right:14px}.tab-schematic.is-in .tab-marker{animation-play-state:running}.tab-marker .num{letter-spacing:0;font-size:1.9rem;font-weight:700}.tab-marker .item{letter-spacing:.14em;margin-top:.35rem;font-size:.66rem;font-weight:600}.tab-marker .qty{margin-top:.2rem;font-size:1rem;font-weight:700}@keyframes tab-marker{0%,18%{transform:translateY(0)rotate(0)}50%,78%{transform:rotate(180deg)}to{transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.tab-reveal{opacity:1;transition:none;transform:none}.tab-marker{animation:none}}