.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case{position:relative;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--ink-1);overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;transition:border-color .3s,transform .5s var(--ease-out)}.case:hover{border-color:var(--line-2)}.case__screen{position:relative;height:260px;background:radial-gradient(120% 90% at 30% 0,#1b1f28,#0b0d11 70%);overflow:hidden;border-bottom:1px solid var(--line)}.case__foil{position:absolute;inset:0;background:conic-gradient(from calc(var(--a, 0) * 1deg) at var(--mx,50%) var(--my,50%),rgba(215,255,59,.25),rgba(106,166,255,.25),rgba(255,90,60,.2),rgba(215,255,59,.25));mix-blend-mode:screen;opacity:0;transition:opacity .4s;pointer-events:none}.case:hover .case__foil{opacity:.6}.case__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}.case__metric{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,2.2vw,2.1rem);letter-spacing:-.03em;color:var(--volt)}.case__metric small{display:block;font-family:var(--font-mono);font-weight:500;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:4px}.case h3{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:-.01em;line-height:1.2}.case p{color:var(--text-2);font-size:.95rem}.chat{position:absolute;inset:24px 24px 0;display:flex;flex-direction:column;gap:8px;transform:perspective(900px) rotateX(8deg) rotateY(-6deg);transform-origin:top}.bub{max-width:78%;padding:9px 12px;border-radius:14px;font-size:.78rem;line-height:1.3;background:#1d2129;color:var(--text-2);border:1px solid var(--line)}.bub.me{align-self:flex-end;background:#2a3040;color:var(--text);border-bottom-right-radius:4px}.bub.bot{border-bottom-left-radius:4px}.bub.pay{background:var(--volt);color:var(--volt-ink);font-weight:600;font-size:.7rem;text-transform:uppercase;align-self:flex-start}.bub time,.bub.pay{font-family:var(--font-mono);letter-spacing:.06em}.bub time{display:block;font-size:.55rem;color:var(--text-3);margin-top:4px}.loyal{position:absolute;left:50%;top:50%;width:230px;height:150px;transform:translate(-50%,-50%) perspective(800px) rotateX(14deg) rotateY(-14deg) rotate(-4deg);border-radius:16px;background:linear-gradient(135deg,#1e2330,#0f1218);border:1px solid var(--line-2);padding:16px;flex-direction:column;box-shadow:-30px 40px 60px -30px rgba(0,0,0,.9)}.loyal,.loyal__t{display:flex;justify-content:space-between}.loyal__t{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.loyal__t b{color:var(--volt)}.stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stamps i{aspect-ratio:1;border-radius:50%;border:1px dashed var(--line-2)}.stamps i.f{background:var(--volt);border-color:var(--volt);box-shadow:0 0 12px var(--volt-glow)}.loyal__n{font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;line-height:1.15}.sitemock{position:absolute;left:22px;right:-30px;top:26px;bottom:-10px;border-radius:12px 0 0 0;background:#12151b;border:1px solid var(--line-2);transform:perspective(900px) rotateY(-10deg) rotateX(4deg);transform-origin:left top;padding:14px;display:grid;grid-template-columns:1fr 100px;gap:10px}.sitemock__nav{grid-column:1/3;display:flex;gap:8px;align-items:center}.sitemock__nav i{height:6px;width:36px;border-radius:3px;background:#2a2f3a}.sitemock__nav i:first-child{width:14px;height:14px;border-radius:4px;background:var(--volt)}.sitemock__hero{display:flex;flex-direction:column;gap:6px}.sitemock__hero i{height:8px;border-radius:3px;background:#e9ebef;width:80%}.sitemock__hero i+i{width:60%}.sitemock__hero i.s{height:5px;background:#2a2f3a;width:90%}.sitemock__form{border:1px solid var(--line-2);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px}.sitemock__form i{height:8px;border-radius:3px;background:#1e222b;border:1px solid var(--line)}.sitemock__form i.b{background:var(--volt);border:0;margin-top:2px}.crm-pill{position:absolute;right:20px;bottom:18px;padding:7px 11px;border-radius:999px;background:var(--ink-0);border:1px solid var(--volt);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--volt);box-shadow:0 0 20px -4px var(--volt-glow)}@media (max-width:1100px){.cases-grid{grid-template-columns:1fr}}@media (max-width:640px){.case__screen{height:250px}.chat{inset:16px 16px 0;gap:6px}.loyal__n{font-size:.9rem}}