.portfolio-case-study.svelte-gphi11.svelte-gphi11{padding:var(--size-fluid-3) var(--size-fluid-2);max-width:1200px;margin:0 auto}.portfolio-case-study.svelte-gphi11 .breadcrumb.svelte-gphi11{margin-bottom:var(--size-fluid-3)}.portfolio-case-study.svelte-gphi11 .breadcrumb .back-link.svelte-gphi11{display:inline-flex;align-items:center;gap:var(--size-2);color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-size-0);transition:color .3s ease}.portfolio-case-study.svelte-gphi11 .breadcrumb .back-link.svelte-gphi11:hover{color:var(--color-accent)}.portfolio-case-study.svelte-gphi11 .breadcrumb .back-link:hover .arrow.svelte-gphi11{transform:translate(-4px)}.portfolio-case-study.svelte-gphi11 .breadcrumb .back-link .arrow.svelte-gphi11{transition:transform .3s ease;font-size:var(--font-size-1)}.portfolio-case-study.svelte-gphi11 .hero-section.svelte-gphi11{text-align:center;margin-bottom:var(--size-fluid-5)}.portfolio-case-study.svelte-gphi11 .hero-section h1.svelte-gphi11{font-size:var(--font-size-fluid-2);margin-bottom:var(--size-fluid-1);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;color:transparent;max-inline-size:var(--size-header-2);margin-left:auto;margin-right:auto}.portfolio-case-study.svelte-gphi11 .hero-section .hero-subtitle.svelte-gphi11{font-size:var(--font-size-fluid-1);color:var(--text-1);margin:0 auto;max-inline-size:var(--size-header-2)}.portfolio-case-study.svelte-gphi11 .hero-section .hero-tagline.svelte-gphi11{font-size:var(--font-size-0);color:var(--color-accent);margin-top:var(--size-2);font-weight:500;max-inline-size:var(--size-header-2);margin-left:auto;margin-right:auto}.portfolio-case-study.svelte-gphi11 .case-study-layout.svelte-gphi11{display:grid;grid-template-columns:300px 1fr;gap:var(--size-fluid-5);align-items:start}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar.svelte-gphi11{display:flex;flex-direction:column;gap:var(--size-fluid-3)}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar section.svelte-gphi11{background:var(--surface-2);padding:var(--size-fluid-2);border-radius:var(--radius-2);box-shadow:var(--shadow-1)}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar section h2.svelte-gphi11{color:var(--text-1);margin-bottom:var(--size-2);font-size:var(--font-size-1);border-bottom:2px solid var(--color-primary);padding-bottom:var(--size-1)}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar section p.svelte-gphi11{color:var(--text-2);line-height:1.5;margin-bottom:var(--size-2);font-size:var(--font-size--1)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section.svelte-gphi11{background:var(--surface-2);padding:var(--size-fluid-4);border-radius:var(--radius-3);box-shadow:var(--shadow-2);margin-bottom:var(--size-fluid-4)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section.svelte-gphi11:last-child{margin-bottom:0}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section h2.svelte-gphi11{color:var(--text-1);margin-bottom:var(--size-fluid-3);font-size:var(--font-size-fluid-1);border-bottom:2px solid var(--color-primary);padding-bottom:var(--size-2);line-height:1.3}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section h3.svelte-gphi11{color:var(--text-1);margin-bottom:var(--size-fluid-2);font-size:var(--font-size-fluid-1)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section h4.svelte-gphi11{color:var(--text-2);margin-bottom:var(--size-2);font-size:var(--font-size-0)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section p.svelte-gphi11{color:var(--text-2);line-height:1.6;margin-bottom:var(--size-3);font-size:var(--font-size-0)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section ul.svelte-gphi11{color:var(--text-2);line-height:1.6;margin-bottom:var(--size-3);padding-left:var(--size-4)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section a.svelte-gphi11{color:var(--color-primary);text-decoration:none}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section a.svelte-gphi11:hover{text-decoration:underline}.portfolio-case-study.svelte-gphi11 .client-details p.svelte-gphi11{margin-bottom:var(--size-2)}.portfolio-case-study.svelte-gphi11 .tech-stack.svelte-gphi11{display:flex;flex-wrap:wrap;gap:var(--size-2)}.portfolio-case-study.svelte-gphi11 .tech-stack .tech-tag.svelte-gphi11{background:var(--surface-3);color:var(--text-1);padding:var(--size-1) var(--size-3);border-radius:var(--radius-2);font-size:var(--font-size-0);font-weight:500;border:1px solid var(--surface-4)}.portfolio-case-study.svelte-gphi11 .problem-section.svelte-gphi11{margin-bottom:var(--size-fluid-2);padding:var(--size-3);background:var(--surface-3);border-radius:var(--radius-2);border-left:4px solid var(--color-primary)}.portfolio-case-study.svelte-gphi11 .highlight-box.svelte-gphi11{margin-bottom:var(--size-fluid-2);margin-top:var(--size-fluid-2);padding:var(--size-4);background:linear-gradient(135deg,#172e45,#1f3851);border-radius:var(--radius-2);border-left:4px solid var(--color-primary);color:#e4ebf1;font-weight:500;box-shadow:0 4px 12px #0d1a2666}.portfolio-case-study.svelte-gphi11 .highlight-box h3.svelte-gphi11{color:#edf2f7;margin-bottom:var(--size-3)}.portfolio-case-study.svelte-gphi11 .highlight-box p.svelte-gphi11{color:#dfe6ec;margin-bottom:0}.portfolio-case-study.svelte-gphi11 .highlight-box p.svelte-gphi11:last-child{margin-bottom:0}.portfolio-case-study.svelte-gphi11 .case-study-highlight.svelte-gphi11{margin-bottom:var(--size-4);padding:var(--size-4);background:var(--surface-3);border-radius:var(--radius-2)}.portfolio-case-study.svelte-gphi11 .case-study-quote.svelte-gphi11{margin-top:var(--size-4);padding:var(--size-4);background:var(--surface-3);border-left:4px solid var(--color-primary);font-style:italic}.portfolio-case-study.svelte-gphi11 .results-grid.svelte-gphi11{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-3);margin:var(--size-4) 0}.portfolio-case-study.svelte-gphi11 .results-grid .result-item.svelte-gphi11{background:var(--surface-3);padding:var(--size-3);border-radius:var(--radius-2);border-top:4px solid var(--color-primary)}.portfolio-case-study.svelte-gphi11 .results-grid .result-item h3.svelte-gphi11{margin-bottom:var(--size-2);color:var(--color-primary)}.portfolio-case-study.svelte-gphi11 .results-grid .result-item p.svelte-gphi11{margin:0}.portfolio-case-study.svelte-gphi11 .pricing-grid.svelte-gphi11{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-4);margin:var(--size-4) 0}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card.svelte-gphi11{background:var(--surface-3);padding:var(--size-4);border-radius:var(--radius-3);border:2px solid var(--surface-4);position:relative}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card.featured.svelte-gphi11{border-color:var(--color-primary);box-shadow:var(--shadow-3);transform:scale(1.05)}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .popular-badge.svelte-gphi11{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--surface-1);padding:var(--size-1) var(--size-3);border-radius:var(--radius-2);font-size:var(--font-size--1);font-weight:600}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card h3.svelte-gphi11{text-align:center;margin-bottom:var(--size-2)}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .price.svelte-gphi11{text-align:center;font-size:var(--font-size-fluid-2);font-weight:700;color:var(--color-primary);margin-bottom:var(--size-1)}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .price .period.svelte-gphi11{font-size:var(--font-size-0);font-weight:400}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .price-subtext.svelte-gphi11{text-align:center;font-size:var(--font-size--1);color:var(--text-3);margin-bottom:var(--size-3)}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .pricing-features.svelte-gphi11{list-style:none;padding:0}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .pricing-features li.svelte-gphi11{padding:var(--size-2) 0;border-bottom:1px solid var(--surface-4)}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card .pricing-features li.svelte-gphi11:last-child{border-bottom:none}.portfolio-case-study.svelte-gphi11 .pricing-footer.svelte-gphi11{margin-top:var(--size-4);padding:var(--size-3);background:var(--surface-3);border-radius:var(--radius-2);text-align:center}.portfolio-case-study.svelte-gphi11 .pricing-footer h4.svelte-gphi11{margin-bottom:var(--size-2)}.portfolio-case-study.svelte-gphi11 .pricing-footer p.svelte-gphi11{margin:0}.portfolio-case-study.svelte-gphi11 .highlight-grid.svelte-gphi11{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-3)}.portfolio-case-study.svelte-gphi11 .highlight-grid .highlight-item.svelte-gphi11{background:var(--surface-3);padding:var(--size-3);border-radius:var(--radius-2);border-left:4px solid var(--color-accent)}.portfolio-case-study.svelte-gphi11 .highlight-grid .highlight-item h3.svelte-gphi11{margin-bottom:var(--size-2);color:var(--color-accent)}.portfolio-case-study.svelte-gphi11 .highlight-grid .highlight-item p.svelte-gphi11{margin:0}.portfolio-case-study.svelte-gphi11 .cta-section.svelte-gphi11{text-align:center;padding:var(--size-fluid-5);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--surface-1);border-radius:var(--radius-3)}.portfolio-case-study.svelte-gphi11 .cta-section h2.svelte-gphi11{color:var(--surface-1);border:none}.portfolio-case-study.svelte-gphi11 .cta-section .cta-subtitle.svelte-gphi11{font-size:var(--font-size-fluid-1);margin-bottom:var(--size-3)}.portfolio-case-study.svelte-gphi11 .cta-section p.svelte-gphi11{color:var(--surface-1);margin-bottom:var(--size-4)}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons.svelte-gphi11{display:flex;gap:var(--size-3);justify-content:center;margin:var(--size-4) 0}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons .cta-button.svelte-gphi11{padding:var(--size-3) var(--size-5);border-radius:var(--radius-2);text-decoration:none;font-weight:600;transition:all .2s ease}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons .cta-button.primary.svelte-gphi11{background:var(--surface-1);color:var(--color-primary)}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons .cta-button.primary.svelte-gphi11:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons .cta-button.secondary.svelte-gphi11{background:transparent;color:var(--surface-1);border:2px solid var(--surface-1)}.portfolio-case-study.svelte-gphi11 .cta-section .cta-buttons .cta-button.secondary.svelte-gphi11:hover{background:var(--surface-1);color:var(--color-primary)}.portfolio-case-study.svelte-gphi11 .cta-section .cta-note.svelte-gphi11{font-size:var(--font-size--1);opacity:.9}@media (max-width: 1024px){.portfolio-case-study.svelte-gphi11 .case-study-layout.svelte-gphi11{grid-template-columns:250px 1fr;gap:var(--size-fluid-3)}}@media (max-width: 768px){.portfolio-case-study.svelte-gphi11.svelte-gphi11{padding:var(--size-fluid-2) var(--size-fluid-1)}.portfolio-case-study.svelte-gphi11 .case-study-layout.svelte-gphi11{grid-template-columns:1fr;gap:var(--size-fluid-3)}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar.svelte-gphi11{position:static;order:2}.portfolio-case-study.svelte-gphi11 .case-study-layout .sidebar section.svelte-gphi11{padding:var(--size-3)}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content.svelte-gphi11{order:1}.portfolio-case-study.svelte-gphi11 .case-study-layout .main-content section.svelte-gphi11{padding:var(--size-fluid-3)}.portfolio-case-study.svelte-gphi11 .pricing-grid.svelte-gphi11{grid-template-columns:1fr}.portfolio-case-study.svelte-gphi11 .pricing-grid .pricing-card.featured.svelte-gphi11{transform:none}.portfolio-case-study.svelte-gphi11 .cta-buttons.svelte-gphi11{flex-direction:column}}
