.case-card{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;background:var(--case-bg);isolation:isolate;width:100%;height:100dvh;position:relative;overflow:hidden}.cc-bg{z-index:1;pointer-events:none;position:absolute;inset:0}.cc-bg .cc-media{object-fit:cover;opacity:0;filter:blur(3px)saturate(.75)brightness(.5);width:100%;height:100%;transition:opacity 1.2s,filter 1.2s,transform 1.6s cubic-bezier(.6,.05,.2,1);position:absolute;inset:0;transform:scale(1.02)}.cc-bg .cc-media.before{opacity:1}.cc-bg .cc-media.after{opacity:0}.case-card.cam-3 .cc-media{filter:blur()saturate(1.1)brightness(.9);transform:scale(1.05)}.case-card.cam-3 .cc-media.before{opacity:0}.case-card.cam-3 .cc-media.after{opacity:1}.cc-vignette{z-index:2;pointer-events:none;background:radial-gradient(at 30% 60%,#0a0e1400 0%,#0a0e148c 55%,#0a0e14d9 100%);transition:opacity 1.2s;position:absolute;inset:0}.case-card.cam-3 .cc-vignette{opacity:.35}.cc-overlay{z-index:3;flex-direction:column;gap:16px;height:100%;padding:80px 20px 20px;display:flex;position:relative}.cc-text{z-index:5;max-width:540px;transition:transform 1.2s cubic-bezier(.6,.05,.2,1);position:relative}.cc-text:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(at 30% 60%,#0a0e0cc7 0%,#0a0e0c8c 45%,#0a0e0c00 78%);transition:opacity 1.2s;position:absolute;inset:-24px -32px}.case-card.cam-3 .cc-text:before{opacity:1}.cc-index{color:#fff9;white-space:nowrap;align-items:center;gap:10px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.cc-index .num{color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:6px;padding:3px 8px}.cc-req-designer{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, transparent);border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.cc-req-designer:before{content:"✨";font-size:12px}.cc-req-designer:hover{background:color-mix(in oklch, var(--accent) 22%, transparent);transform:translateY(-1px)}.case-card.cam-3 .cc-req-designer{opacity:0;pointer-events:none;transition:opacity .8s}.cc-title{letter-spacing:-.03em;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,7vw,52px);font-weight:700;line-height:1.04}.cc-title em{background:linear-gradient(100deg, #ffb451, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.cc-subtitle{color:#ffffffc7;max-width:48ch;margin:0 0 14px;font-size:clamp(14px,4vw,17px);line-height:1.5;transition:opacity .8s,transform .8s}.case-card.cam-3 .cc-subtitle{opacity:0;pointer-events:none;transform:translateY(12px)}.cc-cta{background:var(--wa-green);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,opacity .8s;display:inline-flex}.cc-cta:hover{background:var(--wa-green-deep);transform:translateY(-2px)}.case-card.cam-3 .cc-cta{opacity:0;pointer-events:none}.cc-phone-stage{perspective:1200px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.cc-phone{transform-origin:50% 88%;background:#0b0e13;border-radius:36px;width:min(78vw,280px);height:min(140vw,560px);max-height:calc(100dvh - 240px);padding:7px;transition:transform 1.4s cubic-bezier(.6,.05,.2,1),filter 1.2s,opacity 1.2s;position:relative;box-shadow:0 30px 80px -10px #000000b3,0 0 0 2px #1a1f2a,inset 0 0 0 1px #ffffff14}.cc-phone:before{content:"";z-index:5;background:#000;border-radius:12px;width:88px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.case-card.cam-1 .cc-phone{transform-origin:50% 85%;transform:scale(1.6)translateY(-14%)}.case-card.cam-2 .cc-phone{transform:scale(1)translateY(0)}.case-card.cam-3 .cc-phone{opacity:.55;filter:blur(2px);transform:scale(.7)translateY(8%)}.cc-phone-screen{background:var(--chat-bg);border-radius:30px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cc-chat-header{background:#111721;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:44px 12px 8px;display:flex}.cc-avatar{background:linear-gradient(135deg, var(--wa-green), var(--wa-green-deep));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.cc-cname{flex:1;min-width:0}.cc-cname strong{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.cc-cname small{color:oklch(72% .13 155);align-items:center;gap:6px;font-size:10px;display:flex}.cc-cname small:before{content:"";background:oklch(72% .13 155);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.cc-chat-body{scrollbar-width:none;background:radial-gradient(circle at 20% 15%, #146e4614, transparent 35%), var(--chat-bg);flex-direction:column;flex:1;gap:6px;padding:12px 8px;display:flex;overflow-y:auto}.cc-chat-body::-webkit-scrollbar{display:none}.cc-msg{max-width:84%;color:var(--chat-text);opacity:0;border-radius:9px;padding:6px 9px 14px;font-size:12px;line-height:1.4;transition:opacity .35s,transform .35s;position:relative;transform:translateY(6px)}.cc-msg.show{opacity:1;transform:translateY(0)}.cc-msg.in{background:var(--chat-in);border-bottom-left-radius:3px;align-self:flex-start}.cc-msg.out{background:var(--chat-out);border-bottom-right-radius:3px;align-self:flex-end}.cc-msg .time{color:var(--chat-meta);font-size:9px;position:absolute;bottom:3px;right:8px}.cc-msg.out .time{color:#e6f0e699}.cc-msg.out .time:after{content:" ✓✓";color:#4fc3f7}.cc-msg.has-att{max-width:78%;padding:4px 4px 16px}.cc-msg.has-att .time{right:10px}.cc-att{aspect-ratio:16/9;background:#000;border-radius:7px;margin-bottom:6px;position:relative;overflow:hidden}.cc-att-thumb{object-fit:cover;filter:brightness(.92);width:100%;height:100%;display:block}.cc-att-play{pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-att-dur{color:#fff;letter-spacing:.02em;background:#000000a6;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:6px;right:8px}.cc-att-caption{color:var(--chat-text);padding:2px 6px 0;font-size:12px;line-height:1.4;display:block}.cc-typing{background:var(--chat-in);border-radius:9px 9px 9px 3px;align-self:flex-start;gap:4px;padding:9px 12px;display:none}.cc-typing.show{display:flex}.cc-typing span{background:var(--chat-meta);border-radius:50%;width:5px;height:5px;animation:1.2s infinite ccBounce}.cc-typing span:nth-child(2){animation-delay:.15s}.cc-typing span:nth-child(3){animation-delay:.3s}@keyframes ccBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.cc-chat-input{background:#111721;align-items:center;gap:6px;padding:6px 8px 14px;display:flex}.cc-chat-input .pill{background:var(--chat-in);height:30px;color:var(--chat-meta);white-space:nowrap;border-radius:18px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 10px;font-size:11px;display:flex;position:relative;overflow:hidden}.cc-chat-input .pill>svg{flex-shrink:0}.cc-chat-input .pill .typed-wrap{direction:rtl;flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.cc-chat-input .pill .typed-wrap>span{color:var(--chat-text);direction:ltr}.cc-chat-input .pill .cursor{background:var(--chat-text);width:1px;height:12px;margin-left:1px;animation:1s infinite ccCaret;display:inline-block}@keyframes ccCaret{0%,49%{opacity:1}50%,to{opacity:0}}.cc-chat-input .mic{background:var(--wa-green-deep);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width>=1024px){.cc-overlay{flex-direction:row;align-items:center;gap:60px;max-width:1280px;margin:0 auto;padding:100px 64px 60px}.cc-text{flex:1;max-width:540px}.cc-title{font-size:clamp(36px,4vw,56px)}.cc-subtitle{font-size:17px}.cc-phone-stage{flex:0 0 320px}.cc-phone{border-radius:44px;width:300px;height:600px;max-height:none;padding:9px}.cc-phone:before{border-radius:14px;width:100px;height:26px;top:16px}.cc-phone-screen{border-radius:36px}.cc-chat-header{padding:54px 14px 10px}.cc-avatar{width:36px;height:36px;font-size:14px}.cc-cname strong{font-size:14px}.cc-msg{border-radius:10px;padding:7px 10px 16px;font-size:12.5px}.cc-chat-input .pill{height:34px;padding:0 12px;font-size:12px}.cc-chat-input .mic{width:36px;height:36px}.case-card.cam-3 .cc-phone{transform:scale(.62)translate(52%,6%)}.case-card.cam-3 .cc-text{transform:translateY(20vh)}}