.case-kicker{width:fit-content;color:var(--boss-cobalt-deep);background:#2f54d817;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.case-code{border:2px solid var(--ink);width:fit-content;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--ink);background:#fff4d1;border-radius:.5rem;align-items:center;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.case-group-chip{border:2px solid var(--ink);min-height:2rem;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:.2rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.case-hero{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:.75rem;display:grid}@media (min-width:960px){.case-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2.5rem,4vw,4rem)}}.case-hero__meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.case-hero__audience{color:var(--space-dim);margin-top:.9rem;font-size:.875rem;line-height:1.6}.case-hero__summary{font-size:var(--text-base);color:var(--space-body);margin-top:1.25rem;line-height:1.85}.case-class-line{border-left:4px solid var(--boss-gold);color:var(--space-star);align-items:center;gap:.5rem;margin-top:1.5rem;padding:.2rem 0 .2rem .75rem;font-weight:600;display:inline-flex}.case-hero__actions{flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;margin-top:2rem;display:flex}.case-hero__actions .btn-holo{min-height:3rem;padding:.85rem 1.4rem}.case-try{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1.75rem;display:flex}.case-try .case-try__button{min-height:3.5rem;padding:.95rem 1.9rem;font-size:1.0625rem}.case-try__play{border-top:.45rem solid #0000;border-bottom:.45rem solid #0000;border-left:.75rem solid;flex:none;width:0;height:0}.case-try__note{max-width:18rem;color:var(--space-body);font-size:.875rem;line-height:1.6}.case-shot__try{z-index:1;justify-content:center;align-items:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.case-shot__try-chip{border:2px solid var(--ink);background:var(--boss-gold);color:var(--ink);box-shadow:0 4px 0 var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);border-radius:999px;padding:.55rem 1.2rem;font-weight:700;transform:translateY(.75rem)}.case-shot__try:hover .case-shot__try-chip{opacity:1;transform:none}.case-shot{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:0 8px 0 var(--ink), var(--shadow-soft);background:#fff;margin:0;position:relative;overflow:hidden}.case-shot__bar{border-bottom:2px solid var(--ink);background:var(--sky-mid);align-items:center;gap:.4rem;padding:.55rem .9rem;display:flex}.case-shot__bar span{border:2px solid var(--ink);background:#fff;border-radius:50%;width:.7rem;height:.7rem}.case-shot__bar span:first-child{background:var(--boss-gold)}.case-shot img{width:100%;height:auto;display:block}@media (min-width:960px){.case-shot{transform:rotate(.6deg)}}.case-steps{counter-reset:case-step;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.case-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-step{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);background:#fff;flex-direction:column;gap:1rem;padding:1.4rem 1.3rem 1.5rem;display:flex}.case-step p{font-size:var(--text-base);color:var(--space-star);line-height:1.7}.case-output{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);background:linear-gradient(135deg,#fff4d1,#ffe7a3);grid-template-columns:minmax(0,1fr);align-items:center;gap:.5rem 1.5rem;margin-top:1.25rem;padding:1.25rem 1.4rem;display:grid}@media (min-width:768px){.case-output{grid-template-columns:auto minmax(0,1fr)}}.case-output dt{color:var(--space-amber);font-size:.875rem;font-weight:700}.case-output dd{font-family:var(--font-mitr), sans-serif;color:var(--space-star);font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);font-weight:500;line-height:1.5}.case-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-card{border:2px solid var(--ink);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-pop);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);background:#fff;flex-direction:column;display:flex;overflow:hidden}.case-card:hover,.case-card:focus-within{box-shadow:var(--shadow-pop-hover);transform:translateY(-3px)}.case-card__link{color:inherit;flex-direction:column;flex:1;display:flex}.case-card__link:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:-3px}.case-card__image{aspect-ratio:16/10;border-bottom:2px solid var(--ink);background:var(--sky-mid);position:relative;overflow:hidden}.case-card__image img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out-expo)}.case-card:hover .case-card__image img{transform:scale(1.04)}.case-card__image .case-code{position:absolute;top:.75rem;left:.75rem}.case-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.2rem .75rem;display:flex}.case-card__title{font-family:var(--font-mitr), sans-serif;color:var(--space-star);font-size:1.125rem;font-weight:500;line-height:1.4}.case-card__summary{-webkit-line-clamp:3;color:var(--space-body);-webkit-box-orient:vertical;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.case-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem 1.2rem 1.1rem;display:flex}.case-card__more{color:var(--boss-cobalt-deep);font-size:.875rem;font-weight:600}.case-card__try{border:2px solid var(--ink);background:var(--boss-gold);min-height:2.5rem;color:var(--ink);transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:999px;align-items:center;margin-left:auto;padding:.35rem .95rem;font-size:.8125rem;font-weight:700;display:inline-flex}.case-card__try:hover{transform:translateY(-2px)}.case-card__try:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:3px}.case-card .share-link .btn-holo{min-height:2.5rem;font-size:.8125rem}.case-stats{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.case-stat{border:2px solid var(--ink);min-width:8rem;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:1rem;flex-direction:column;padding:.6rem 1rem;display:flex}.case-stat:first-child{background:#fff4d1}.case-stat dt{color:var(--space-body);order:2;font-size:.8125rem}.case-stat dd{font-family:var(--font-mitr), sans-serif;font-variant-numeric:tabular-nums;color:var(--space-star);order:1;font-size:1.875rem;font-weight:600;line-height:1.2}.case-jump{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.case-jump a{border:2px solid var(--ink);min-height:2.75rem;color:var(--ink);transition:background var(--duration-fast) var(--ease-out-expo);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .9rem;font-size:.875rem;font-weight:600;display:inline-flex}.case-jump a:hover{background:var(--sky-mid)}.case-jump a:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:2px}.case-jump span{font-family:var(--font-geist-mono), monospace;color:var(--space-dim);font-size:.75rem}.case-toolbar{border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--sky-mid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.case-toolbar p{max-width:36rem;color:var(--space-body);font-size:.875rem;line-height:1.6}.case-group{scroll-margin-top:6rem}.case-group__heading{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding-bottom:.6rem;display:flex}.case-group__heading h2{font-size:var(--text-title);color:var(--space-star);font-weight:600;line-height:1.25}.case-group__heading span{font-family:var(--font-geist-mono), monospace;color:var(--space-dim);font-size:.8125rem}@media (prefers-reduced-motion:reduce){.case-card,.case-card__image img{transition:none}.case-card:hover,.case-card:focus-within,.case-card:hover .case-card__image img,.case-shot{transform:none}.case-shot__try-chip,.case-card__try{transition:none}.case-card__try:hover{transform:none}}.case-demo-badge{border:2px solid var(--ink);color:#8a1538;background:#ffe1ea;border-radius:999px;align-items:center;min-height:2rem;padding:.2rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.case-card__image .case-card__demo{min-height:1.75rem;font-size:.75rem;position:absolute;top:.75rem;right:.75rem}.case-demo-notes{color:var(--space-body);background:#fff5f8;border:2px dashed #c4335f;border-radius:1rem;gap:.35rem;margin:1rem 0 0;padding:.75rem 1rem .75rem 1.9rem;font-size:.875rem;line-height:1.6;list-style:outside;display:grid}.case-fact-note{color:var(--space-dim);margin-top:.9rem;font-size:.875rem;line-height:1.6}