.case-study-page{flex-direction:column;width:100%;min-height:100vh;display:flex}.case-study-page__content{box-sizing:border-box;flex:1;width:100%;padding:clamp(.75rem,2vw,1.5rem)}.case-study-page .page-content{box-sizing:border-box;width:100%;min-height:calc(100vh - 60px);padding:.5rem;overflow:visible}.case-study-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(380px,1fr);gap:10px;width:100%;min-height:100%;display:grid}.case-study-grid .item{background-color:var(--card-bg);border:1px solid var(--border);min-width:0;min-height:0;color:var(--text-primary);border-radius:8px;padding:32px;display:flex;position:relative;overflow:hidden}.case-study-grid .item *,.case-study-grid .item h1,.case-study-grid .item h2,.case-study-grid .item h3,.case-study-grid .item h4,.case-study-grid .item h5,.case-study-grid .item h6{color:var(--text-primary)}.case-study-grid .item p{color:var(--text-secondary)}.case-study-hero-card{background:linear-gradient(135deg,#50b4ff26,#2f52d259);border:1px solid #ffffff14;flex-direction:column;gap:1rem;display:flex}.case-study-hero-card h1{color:#f4f7ff;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1}.case-study-hero-card .hero-tagline{color:#f4f7ffd9;margin:0;font-size:1.05rem;line-height:1.5}.case-study-hero-card .hero-metadata{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.case-study-hero-card .meta-badge{align-items:center;gap:.75rem;display:flex}.case-study-hero-card .meta-badge .meta-label{letter-spacing:.08em;text-transform:uppercase;color:#f4f7ff99;min-width:70px;font-size:.8rem;font-weight:600}.case-study-hero-card .meta-badge .meta-value{color:#f4f7fff2;font-size:.95rem}.case-study-hero-card .hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.case-study-hero-card .hero-cta{border-radius:999px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.case-study-hero-card .hero-cta:hover{transform:translateY(-1px)}.case-study-hero-card .hero-cta--primary{color:#f4f7ff;background:linear-gradient(135deg,#50b4ff4d,#50b4ff26);border:1px solid #ffffff80}.case-study-hero-card .hero-cta--primary:hover{background:linear-gradient(135deg,#50b4ff73,#50b4ff40);border-color:#ffffffbf}.case-study-hero-card .hero-cta--secondary{color:#f4f7ffcc;background:0 0;border:1px solid #ffffff40}.case-study-hero-card .hero-cta--secondary:hover{background:#ffffff0d;border-color:#ffffff73}.case-study-scope-card{flex-direction:column;gap:1rem;display:flex}.case-study-scope-card .scope-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8rem}.case-study-scope-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;line-height:1.2}.case-study-scope-card .scope-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.case-study-scope-card .scope-list li{color:var(--text-secondary);padding-left:1.5rem;line-height:1.5;position:relative}.case-study-scope-card .scope-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.case-study-tech-card{flex-direction:column;gap:1rem;display:flex}.case-study-tech-card .tech-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8rem}.case-study-tech-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;line-height:1.2}.case-study-tech-card .tech-categories{flex-direction:column;gap:1rem;display:flex}.case-study-tech-card .tech-category h3{color:var(--accent);margin:0 0 .5rem;font-size:1rem;font-weight:600}.case-study-tech-card .tech-category ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.case-study-tech-card .tech-category li{color:var(--text-secondary);padding-left:1rem;font-size:.95rem;position:relative}.case-study-tech-card .tech-category li:before{content:"•";color:var(--text-secondary);opacity:.5;position:absolute;left:0}.case-study-features-card{flex-direction:column;gap:1rem;display:flex}.case-study-features-card .features-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8rem}.case-study-features-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;line-height:1.2}.case-study-features-card .features-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.case-study-features-card .features-list li{color:var(--text-secondary);padding-left:1.5rem;line-height:1.5;position:relative}.case-study-features-card .features-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.case-study-challenges-card{flex-direction:column;gap:1rem;display:flex}.case-study-challenges-card .challenges-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8rem}.case-study-challenges-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;line-height:1.2}.case-study-challenges-card .challenges-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.case-study-challenges-card .challenges-list li{color:var(--text-secondary);padding-left:1.5rem;line-height:1.5;position:relative}.case-study-challenges-card .challenges-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.case-study-cta-card{background:linear-gradient(135deg,#50b4ff14,#2f52d226);border:1px solid #ffffff14;flex-direction:column;gap:1rem;display:flex}.case-study-cta-card .cta-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#f4f7ffb3;margin:0;font-size:.8rem}.case-study-cta-card h2{color:#f4f7ff;margin:0;font-size:1.5rem;line-height:1.2}.case-study-cta-card .cta-body{color:#f4f7ffd9;margin:0;line-height:1.6}.case-study-cta-card .cta-actions{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.case-study-cta-card .cta-button{text-align:center;border-radius:999px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.case-study-cta-card .cta-button:hover{transform:translateY(-1px)}.case-study-cta-card .cta-button--primary{color:#f4f7ff;background:linear-gradient(135deg,#50b4ff4d,#50b4ff26);border:1px solid #ffffff80}.case-study-cta-card .cta-button--primary:hover{background:linear-gradient(135deg,#50b4ff73,#50b4ff40);border-color:#ffffffbf}.case-study-cta-card .cta-button--secondary{color:#f4f7ffcc;background:0 0;border:1px solid #ffffff40}.case-study-cta-card .cta-button--secondary:hover{background:#ffffff0d;border-color:#ffffff73}.case-study-placeholder{background-color:var(--card-bg);border:1px dashed var(--border);border-radius:8px;min-height:100%;transition:border-color .2s,box-shadow .2s;position:relative}.case-study-placeholder:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:6px;position:absolute;inset:16px}@media (max-width:1200px){.case-study-grid{grid-template-rows:repeat(3,400px);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.case-study-page__content{padding:clamp(.5rem,4vw,1rem)}.page-content{height:auto;overflow:auto}.case-study-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:360px}}.case-study-hero{color:#f4f7ff;background:linear-gradient(135deg,#50b4ff26,#2f52d259);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:1.25rem;padding:clamp(1.5rem,3vw,3rem);display:flex}.case-study-hero .case-study-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.75;margin:0;font-size:.85rem}.case-study-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.case-study-hero p{color:#f4f7ffd9;margin:0;line-height:1.6}.case-study-hero__meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.case-study-hero__meta .meta-card{background:#02041259;border:1px solid #ffffff14;border-radius:12px;padding:1rem}.case-study-hero__meta .meta-card span{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.85rem;display:block}.case-study-hero__meta .meta-card strong{margin-top:.35rem;font-size:1.05rem;line-height:1.3;display:block}.case-study-hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.case-study-hero__actions a{color:#f4f7ff;border:1px solid #ffffff80;border-radius:999px;padding:.7rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s}.case-study-hero__actions a:hover{border-color:#ffffffd9;transform:translateY(-1px)}.case-study-hero__actions a.secondary{color:#f4f7ffd9;border-color:#ffffff4d}.case-study-section{border:1px solid var(--border);background-color:var(--card-bg);border-radius:16px;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.case-study-section__header{flex-direction:column;gap:.5rem;display:flex}.case-study-section h2{margin:0;font-size:1.6rem}.case-study-section p{color:var(--text-secondary);margin:0}.case-study-section .case-study-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);font-size:.78rem}.case-study-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;display:grid}.case-study-columns .case-study-card{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.case-study-columns .case-study-card h3{margin:0;font-size:1.05rem}.case-study-columns .case-study-card p{color:var(--text-secondary);margin:0;line-height:1.5}.case-study-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.case-study-metrics .metric-card{border:1px solid var(--border);background-color:#ffffff03;border-radius:12px;padding:1rem}.case-study-metrics .metric-card h3{color:var(--accent);margin:0;font-size:2rem}.case-study-metrics .metric-card span{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem;display:block}.case-study-stack{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.case-study-stack article{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.case-study-stack article h3{margin:0;font-size:1.1rem}.case-study-stack article ul{color:var(--text-secondary);margin:0;padding-left:1.1rem;line-height:1.4}.case-study-timeline{flex-direction:column;gap:1rem;display:flex}.case-study-timeline article{border:1px solid var(--border);border-radius:12px;gap:1rem;padding:1rem;display:flex}.case-study-timeline article .timeline-step__badge{border:1px solid var(--border);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:flex}.case-study-timeline article h3{margin:0}.case-study-timeline article ul{color:var(--text-secondary);margin:.35rem 0 0;padding-left:1.25rem;line-height:1.4}.case-study-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.case-study-feature-grid article{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.case-study-feature-grid article h3{margin:0;font-size:1.2rem}.case-study-feature-grid article p{color:var(--text-secondary);margin:0}.case-study-outcomes{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.case-study-outcomes li{color:var(--text-secondary);gap:.5rem;line-height:1.5;display:flex}.case-study-outcomes li:before{content:"▹";color:var(--accent)}.case-study-cta{border:1px solid var(--border);background:linear-gradient(120deg,#50b4ff1f,#020412e6);border-radius:16px;flex-direction:column;gap:1rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.case-study-cta h3{color:#f4f7ff;margin:0;font-size:1.8rem}.case-study-cta p{color:#f4f7ffd9;margin:0}.case-study-cta .case-study-cta__actions{flex-wrap:wrap;gap:.75rem;display:flex}.case-study-cta .case-study-cta__actions a{color:#f4f7ff;border:1px solid #fff9;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;transition:border-color .2s}.case-study-cta .case-study-cta__actions a:hover{border-color:#ffffffe6}.case-study-cta .case-study-cta__actions a.secondary{color:#f4f7ffcc;border-color:#ffffff4d}@media (max-width:768px){.case-study-hero__actions,.case-study-cta__actions,.case-study-timeline article{flex-direction:column}}
