.caso-hero{position:relative;padding:160px 0 100px;overflow:hidden;background:linear-gradient(180deg,rgb(255 214 10 / .04) 0%,transparent 40%,transparent 60%,rgb(0 229 255 / .03) 100%)}.caso-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgb(255 214 10 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(0 229 255 / .03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);pointer-events:none;animation:casoGridDrift 50s linear infinite}@keyframes casoGridDrift{from{background-position:0 0,0 0}to{background-position:80px 80px,80px 80px}}.caso-particles{position:absolute;inset:0;z-index:0;pointer-events:none}.caso-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid rgb(255 214 10 / .3);border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--olpa);text-transform:uppercase;background:rgb(255 214 10 / .06);margin-bottom:28px}.caso-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--olpa);box-shadow:0 0 8px var(--olpa);animation:casoPulse 2s ease-in-out infinite}@keyframes casoPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.caso-h1{font-size:clamp(2.8rem, 6vw, 5rem);font-weight:800;letter-spacing:-.03em;line-height:.95;margin-bottom:28px}.caso-h1 em{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--olpa)}.caso-meta{display:flex;flex-wrap:wrap;gap:32px;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:40px 0 0}.caso-meta-item{display:flex;flex-direction:column;gap:4px}.caso-meta-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.caso-meta-v{font-size:15px;color:var(--text);font-weight:600}.caso-section{padding:100px 0;border-bottom:1px solid var(--border);position:relative}.caso-section:last-of-type{border-bottom:none}.caso-section::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--olpa),transparent);opacity:.3}.caso-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.caso-h2{font-size:clamp(1.8rem, 3.5vw, 2.8rem);font-weight:700;letter-spacing:-.02em;margin-bottom:20px;line-height:1.1}.caso-h2 em{font-family:var(--font-display);font-style:italic;color:var(--olpa);font-weight:400}.caso-text{font-size:1.05rem;line-height:1.75;color:var(--text-2);max-width:780px}.caso-text strong{color:var(--text);font-weight:600}.caso-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:40px}.caso-area-card{padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .4s ease;position:relative;overflow:hidden}.caso-area-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent,rgb(255 214 10 / .4),transparent,rgb(0 229 255 / .4),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none}.caso-area-card:hover::before{opacity:1}.caso-area-card:hover{border-color:rgb(255 214 10 / .3);transform:translateY(-4px);box-shadow:0 20px 40px rgb(0 0 0 / .3)}.caso-area-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;display:block}.caso-area-tag.olpa{color:var(--olpa)}.caso-area-tag.cyan{color:var(--accent)}.caso-area-card h4{font-size:1.1rem;margin-bottom:8px}.caso-area-card p{font-size:.88rem;color:var(--muted);line-height:1.55}.caso-area-card ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:6px;padding:0}.caso-area-card ul li{font-size:.85rem;color:var(--text-2);padding-left:18px;position:relative}.caso-area-card ul li::before{content:'·';position:absolute;left:0;color:var(--olpa);font-weight:700}.caso-timeline{display:flex;flex-direction:column;gap:0;margin-top:40px;position:relative;padding-left:40px}.caso-timeline::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--olpa),var(--accent),var(--olpa));background-size:100% 200%;animation:tlGradient 4s ease-in-out infinite alternate}@keyframes tlGradient{from{background-position:0% 0%}to{background-position:0% 100%}}.caso-tl-item{position:relative;padding:24px 0 24px 30px}.caso-tl-item::before{content:'';position:absolute;left:-30px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--olpa);z-index:2;transition:all .4s ease;box-shadow:0 0 0 0 #fff0}.caso-tl-item:nth-child(even)::before{border-color:var(--accent)}.caso-tl-item:hover::before{box-shadow:0 0 0 6px rgb(255 214 10 / .15);transform:scale(1.2)}.caso-tl-item:nth-child(even):hover::before{box-shadow:0 0 0 6px rgb(0 229 255 / .15)}.caso-tl-date{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--olpa);text-transform:uppercase;margin-bottom:6px}.caso-tl-item:nth-child(even) .caso-tl-date{color:var(--accent)}.caso-tl-title{font-size:1.05rem;font-weight:600;margin-bottom:4px}.caso-tl-desc{font-size:.9rem;color:var(--muted);line-height:1.5}.caso-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:50px}.caso-metric{text-align:center;padding:32px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .4s ease}.caso-metric:hover{border-color:rgb(255 214 10 / .25);transform:translateY(-4px);box-shadow:0 16px 40px rgb(0 0 0 / .3)}.caso-metric-n{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3.2rem);font-weight:800;line-height:1;margin-bottom:8px;transition:text-shadow .4s ease}.caso-metric-n.olpa{color:var(--olpa)}.caso-metric-n.cyan{color:var(--accent)}.caso-metric:hover .caso-metric-n.olpa{text-shadow:0 0 30px rgb(255 214 10 / .4)}.caso-metric:hover .caso-metric-n.cyan{text-shadow:0 0 30px rgb(0 229 255 / .4)}.caso-metric-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.caso-quote{position:relative;padding:48px 40px;margin:60px 0 0;background:linear-gradient(135deg,rgb(255 214 10 / .04),rgb(0 229 255 / .03));border:1px solid var(--border);border-radius:var(--r-xl);border-left:3px solid var(--olpa)}.caso-quote p{font-size:1.15rem;line-height:1.65;color:var(--text);font-style:italic;margin:0}.caso-quote p::before{content:'«';color:var(--olpa);font-size:1.4em;margin-right:6px}.caso-quote p::after{content:'»';color:var(--olpa);font-size:1.4em;margin-left:6px}.caso-quote-author{margin-top:20px;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em}.caso-deliverables{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:40px}.caso-del{padding:20px;background:rgb(255 255 255 / .02);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:flex-start;gap:14px;transition:all .3s ease}.caso-del:hover{border-color:rgb(255 214 10 / .2);background:rgb(255 214 10 / .03);transform:translateX(4px)}.caso-del-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgb(255 214 10 / .12);border:1px solid rgb(255 214 10 / .35);display:flex;align-items:center;justify-content:center;color:var(--olpa);font-size:12px;font-weight:700;margin-top:2px;transition:all .3s ease}.caso-del:hover .caso-del-check{background:rgb(255 214 10 / .2);box-shadow:0 0 12px rgb(255 214 10 / .2)}.caso-del-check svg,.caso-del-check i[data-lucide]{width:12px;height:12px;stroke-width:2.5}.caso-del-text{font-size:.9rem;color:var(--text-2);line-height:1.45}.caso-del-text strong{color:var(--text);font-weight:600}@media (max-width:768px){.caso-hero{padding:120px 0 60px}.caso-meta{gap:20px}.caso-timeline{padding-left:30px}.caso-timeline::before{left:10px}.caso-tl-item{padding-left:20px}.caso-tl-item::before{left:-24px}.caso-quote{padding:28px 24px}.caso-section{padding:64px 0}.caso-section .container,.caso-hero .container{padding:0 1rem}}@media (min-width:769px){.caso-section .container,.caso-hero .container{padding:0 2rem}}.caso-hero>.container,.caso-section>.container{max-width:1200px;margin:0 auto;width:100%}