:root{--dpcase-bg-main:#f8fafc;--dpcase-text-main:#0f172a;--dpcase-text-muted:#64748b;--dpcase-brand-active:#2563eb;--dpcase-brand-soft:#dbeafe;--dpcase-card-bg:#ffffffd9;--dpcase-card-border:#e2e8f0cc;--dpcase-card-shadow:0 20px 40px -15px #0f172a0d;--dpcase-font-family:"Roboto", sans-serif}.dpcase-page{background-color:var(--dpcase-bg-main);font-family:var(--dpcase-font-family);color:var(--dpcase-text-main);min-height:100vh;padding:1.5rem 1.25rem 4rem;position:relative;overflow-x:hidden}@media (min-width:640px){.dpcase-page{padding:3rem 1.5rem 6rem}}.dpcase-container{z-index:2;width:100%;max-width:1400px;margin:26px auto;position:relative}.dpcase-icon-xs{vertical-align:middle;flex-shrink:0;width:14px;height:14px;display:inline-block}.dpcase-icon-sm{vertical-align:middle;flex-shrink:0;width:18px;height:18px;display:inline-block}.dpcase-bg-glow{filter:blur(80px);opacity:.3;z-index:1;pointer-events:none;border-radius:50%;position:absolute}.dpcase-bg-glow-primary{background:var(--dpcase-brand-soft);width:300px;height:300px;top:-100px;left:-100px}.dpcase-bg-glow-secondary{background:var(--dpcase-brand-soft);width:300px;height:300px;bottom:5%;right:-100px}@media (min-width:768px){.dpcase-bg-glow{filter:blur(100px);opacity:.45}.dpcase-bg-glow-primary{width:550px;height:550px;top:-150px;left:-150px}.dpcase-bg-glow-secondary{width:500px;height:500px;right:-150px}}.dpcase-card{background:var(--dpcase-card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dpcase-card-border);box-shadow:var(--dpcase-card-shadow);border-radius:16px;margin-top:.75rem;padding:1.25rem;transition:transform .25s,box-shadow .25s}@media (min-width:640px){.dpcase-card{border-radius:20px;padding:2rem}}.dpcase-card:hover{box-shadow:0 25px 50px -12px #0f172a14}.dpcase-top-nav{z-index:10;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex;position:relative}@media (min-width:640px){.dpcase-top-nav{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.dpcase-back-btn{font-family:var(--dpcase-font-family);color:var(--dpcase-text-main);cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;gap:.6rem;min-height:40px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #0f172a08}.dpcase-back-btn:hover{border-color:var(--dpcase-brand-active);color:var(--dpcase-brand-active);transform:translate(-3px);box-shadow:0 4px 12px #0f172a0f}.dpcase-badge{background-color:var(--dpcase-brand-soft);color:var(--dpcase-brand-active);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}@media (min-width:640px){.dpcase-badge{padding:.4rem .9rem;font-size:.8rem}}.dpcase-hero{margin-bottom:2.5rem}@media (min-width:640px){.dpcase-hero{margin-bottom:3.5rem}}.dpcase-section-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--dpcase-brand-active);background-color:var(--dpcase-brand-soft);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}@media (min-width:640px){.dpcase-section-tag{margin-bottom:1rem;padding:.4rem .95rem;font-size:.8rem}}.dpcase-breathing-dot{background-color:var(--dpcase-brand-active);border-radius:50%;width:8px;height:8px}.dpcase-hero-title{letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.85rem;font-weight:800;line-height:1.2}@media (min-width:640px){.dpcase-hero-title{font-size:2.75rem;line-height:1.15}}.dpcase-hero-subtitle{color:var(--dpcase-text-muted);margin:0;font-size:1.05rem;font-weight:500;line-height:1.5}@media (min-width:640px){.dpcase-hero-subtitle{font-size:1.25rem}}.dpcase-section{margin-bottom:2.5rem}@media (min-width:640px){.dpcase-section{margin-bottom:3.5rem}}.dpcase-section-number{text-transform:uppercase;letter-spacing:.08em;color:var(--dpcase-text-muted);margin-bottom:.4rem;font-size:.75rem;font-weight:800}@media (min-width:640px){.dpcase-section-number{margin-bottom:.5rem;font-size:.875rem}}.dpcase-intro-card{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:640px){.dpcase-intro-card{gap:2rem}}.dpcase-intro-overview h3{margin-top:0;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}@media (min-width:640px){.dpcase-intro-overview h3{margin-bottom:.75rem;font-size:1.25rem}}.dpcase-intro-overview p{color:#334155;margin:0 0 1rem;font-size:.95rem;line-height:1.65}@media (min-width:640px){.dpcase-intro-overview p{font-size:1rem}}.dpcase-intro-overview p:last-child{margin-bottom:0}.dpcase-meta-grid{border-top:1px solid #e2e8f0cc;grid-template-columns:1fr;gap:1.25rem;padding-top:1.25rem;display:grid}@media (min-width:640px){.dpcase-meta-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1.5rem}}.dpcase-meta-item h4{text-transform:uppercase;letter-spacing:.06em;color:var(--dpcase-text-muted);margin:0 0 .35rem;font-size:.7rem}@media (min-width:640px){.dpcase-meta-item h4{margin-bottom:.5rem;font-size:.75rem}}.dpcase-meta-val{margin:0;font-size:.95rem;font-weight:700}@media (min-width:640px){.dpcase-meta-val{font-size:1rem}}.dpcase-chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.dpcase-chip{background:var(--dpcase-brand-soft);color:var(--dpcase-brand-active);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}@media (min-width:640px){.dpcase-chip{padding:.25rem .65rem;font-size:.8rem}}.dpcase-chip-alt{color:#334155;background:#f1f5f9e6}.dpcase-card-heading{margin-top:0;margin-bottom:.4rem;font-size:1.15rem;font-weight:700}@media (min-width:640px){.dpcase-card-heading{margin-bottom:.5rem;font-size:1.35rem}}.dpcase-card-subtext{color:var(--dpcase-text-muted);margin-bottom:1.25rem;font-size:.925rem;line-height:1.6}@media (min-width:640px){.dpcase-card-subtext{margin-bottom:1.5rem;font-size:1rem}}.dpcase-challenge-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}@media (min-width:640px){.dpcase-challenge-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.5rem}}.dpcase-challenge-item{background:#fff9;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}@media (min-width:640px){.dpcase-challenge-item{padding:.85rem 1rem}}.dpcase-challenge-icon{background:var(--dpcase-brand-soft);width:24px;height:24px;color:var(--dpcase-brand-active);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}@media (min-width:640px){.dpcase-challenge-icon{width:26px;height:26px;font-size:.8rem}}.dpcase-challenge-item p{color:#334155;margin:0;font-size:.875rem;font-weight:600}@media (min-width:640px){.dpcase-challenge-item p{font-size:.925rem}}.dpcase-challenge-conclusion{background:var(--dpcase-brand-soft);color:#1e3a8a;border-radius:12px;padding:.85rem 1rem;font-size:.875rem;line-height:1.5}@media (min-width:640px){.dpcase-challenge-conclusion{padding:1rem 1.25rem;font-size:.95rem}}.dpcase-goals-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:640px){.dpcase-goals-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.dpcase-goals-grid{grid-template-columns:repeat(4,1fr)}}.dpcase-goal-card{margin-top:0}.dpcase-goal-icon{color:var(--dpcase-brand-active);margin-bottom:.5rem;font-size:1.35rem;font-weight:800}@media (min-width:640px){.dpcase-goal-icon{margin-bottom:.75rem;font-size:1.5rem}}.dpcase-goal-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:700}@media (min-width:640px){.dpcase-goal-card h3{margin-bottom:.5rem;font-size:1.05rem}}.dpcase-goal-card p{color:var(--dpcase-text-muted);margin:0;font-size:.85rem;line-height:1.5}@media (min-width:640px){.dpcase-goal-card p{font-size:.875rem}}.dpcase-users-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:640px){.dpcase-users-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.dpcase-users-grid{grid-template-columns:repeat(4,1fr)}}.dpcase-user-card{margin-top:0}.dpcase-user-tag{color:var(--dpcase-text-main);background:#f1f5f9e6;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}@media (min-width:640px){.dpcase-user-tag{margin-bottom:.75rem;padding:.3rem .75rem;font-size:.85rem}}.dpcase-user-card p{color:var(--dpcase-text-muted);margin:0;font-size:.85rem;line-height:1.55}@media (min-width:640px){.dpcase-user-card p{font-size:.875rem}}.dpcase-journey-timeline{flex-direction:column;gap:1rem;display:flex;position:relative}@media (min-width:640px){.dpcase-journey-timeline{gap:1.25rem}}.dpcase-timeline-step{gap:1rem;display:flex;position:relative}@media (min-width:640px){.dpcase-timeline-step{gap:1.25rem}}.dpcase-timeline-step:not(.dpcase-step-final):after{content:"";background:#e2e8f0cc;width:2px;position:absolute;top:32px;bottom:-16px;left:15px}@media (min-width:640px){.dpcase-timeline-step:not(.dpcase-step-final):after{top:36px;bottom:-20px;left:17px}}.dpcase-step-marker{background:var(--dpcase-brand-soft);width:32px;height:32px;color:var(--dpcase-brand-active);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}@media (min-width:640px){.dpcase-step-marker{width:36px;height:36px;font-size:.875rem}}.dpcase-step-content{padding-top:.2rem}@media (min-width:640px){.dpcase-step-content{padding-top:.35rem}}.dpcase-step-content h4{margin:0 0 .2rem;font-size:.95rem;font-weight:700}@media (min-width:640px){.dpcase-step-content h4{margin-bottom:.25rem;font-size:1rem}}.dpcase-step-content p{color:var(--dpcase-text-muted);margin:0;font-size:.85rem;line-height:1.5}@media (min-width:640px){.dpcase-step-content p{font-size:.9rem}}.dpcase-ia-header{margin-bottom:1rem}@media (min-width:640px){.dpcase-ia-header{margin-bottom:1.25rem}}.dpcase-ia-root-badge{background:var(--dpcase-brand-soft);color:var(--dpcase-brand-active);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}@media (min-width:640px){.dpcase-ia-root-badge{padding:.4rem .85rem;font-size:.85rem}}.dpcase-ia-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (min-width:640px){.dpcase-ia-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}.dpcase-ia-card{background:#fff9;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;padding:.75rem .85rem;display:flex}@media (min-width:640px){.dpcase-ia-card{padding:.85rem 1rem}}.dpcase-ia-title{color:#334155;font-size:.875rem;font-weight:600}@media (min-width:640px){.dpcase-ia-title{font-size:.9rem}}.dpcase-design-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.dpcase-design-grid{grid-template-columns:repeat(2,1fr)}}.dpcase-bullet-list,.dpcase-principles-list{color:#334155;margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.6}@media (min-width:640px){.dpcase-bullet-list,.dpcase-principles-list{padding-left:1.2rem;font-size:1rem;line-height:1.7}}.dpcase-bullet-list li{margin-bottom:.4rem}@media (min-width:640px){.dpcase-bullet-list li{margin-bottom:.5rem}}.dpcase-ds-swatches{grid-template-columns:1fr;gap:.6rem;margin-bottom:1rem;display:grid}@media (min-width:480px){.dpcase-ds-swatches{grid-template-columns:repeat(2,1fr);gap:.75rem}}.dpcase-swatch-card{background:#fff9;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.dpcase-swatch{border-radius:8px;flex-shrink:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000000d}.dpcase-swatch-info{flex-direction:column;display:flex}.dpcase-swatch-label{color:var(--dpcase-text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}@media (min-width:640px){.dpcase-swatch-label{font-size:.7rem}}.dpcase-swatch-hex{color:var(--dpcase-text-main);font-size:.75rem;font-weight:600}@media (min-width:640px){.dpcase-swatch-hex{font-size:.8rem}}.dpcase-ds-detail{margin-top:1rem}@media (min-width:640px){.dpcase-ds-detail{margin-top:1.25rem}}.dpcase-ds-detail strong{text-transform:uppercase;letter-spacing:.05em;color:var(--dpcase-text-muted);margin-bottom:.35rem;font-size:.75rem;display:block}@media (min-width:640px){.dpcase-ds-detail strong{margin-bottom:.4rem;font-size:.8rem}}.dpcase-ds-pill{background:#f1f5f9e6;border-radius:6px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}@media (min-width:640px){.dpcase-ds-pill{padding:.3rem .75rem;font-size:.875rem}}.dpcase-workflow-chain{flex-wrap:wrap;align-items:center;gap:.4rem;margin:1.25rem 0;display:flex}@media (min-width:640px){.dpcase-workflow-chain{gap:.5rem;margin:1.5rem 0}}.dpcase-workflow-node{background:var(--dpcase-brand-soft);color:var(--dpcase-brand-active);border-radius:8px;padding:.4rem .75rem;font-size:.75rem;font-weight:600}@media (min-width:640px){.dpcase-workflow-node{padding:.5rem .85rem;font-size:.85rem}}.dpcase-workflow-arrow{color:var(--dpcase-text-muted);font-size:.85rem;font-weight:700}.dpcase-card-footer-text{color:var(--dpcase-text-muted);margin:0;font-size:.85rem;line-height:1.5}@media (min-width:640px){.dpcase-card-footer-text{font-size:.9rem}}.dpcase-cta-card{background:linear-gradient(135deg,#ffffffe6,#f1f5f999);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}@media (min-width:640px){.dpcase-cta-card{flex-direction:row;align-items:center;gap:1.5rem}}.dpcase-cta-content h3{margin:0 0 .35rem;font-size:1.15rem;font-weight:700}@media (min-width:640px){.dpcase-cta-content h3{margin-bottom:.4rem;font-size:1.35rem}}.dpcase-cta-content p{color:var(--dpcase-text-muted);max-width:580px;margin:0;font-size:.875rem;line-height:1.5}@media (min-width:640px){.dpcase-cta-content p{font-size:.95rem}}.dpcase-tools-summary{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.3rem;width:100%;display:flex}@media (min-width:640px){.dpcase-tools-summary{width:auto}}.dpcase-tools-label{text-transform:uppercase;letter-spacing:.06em;color:var(--dpcase-text-muted);font-size:.7rem;font-weight:700}@media (min-width:640px){.dpcase-tools-label{font-size:.75rem}}