.cd-page{background:var(--bg);color:var(--text)}.cd-container{max-width:1240px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.cd-hero{border-bottom:1px solid var(--border);padding:clamp(8rem,18vh,14rem) 0 clamp(5rem,10vh,8rem)}.cd-hero-meta{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:clamp(2.5rem,5vh,4rem);font-size:.75rem;display:flex}.cd-meta-bar{background:var(--text-muted);width:2rem;height:1px;display:inline-block}.cd-hero-title{letter-spacing:-.045em;max-width:20ch;margin-bottom:clamp(2rem,4vh,3rem);font-family:KK,sans-serif;font-size:clamp(2.5rem,6.5vw,6.5rem);font-weight:700;line-height:1.02}.cd-hero-intro{max-width:50ch;color:var(--text-muted);font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.45}.cd-hero-image{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:12px;width:100%;margin:clamp(4rem,8vh,6rem) 0 0}.cd-section{border-bottom:1px solid var(--border);padding:clamp(5rem,12vh,9rem) 0}.cd-section-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:clamp(2rem,4vh,3rem);font-size:.75rem;display:flex}.cd-section-title{letter-spacing:-.035em;max-width:22ch;margin-bottom:clamp(2.5rem,5vh,4rem);font-family:KK,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:700;line-height:1.05}.cd-section-body{grid-template-columns:1fr 2fr;gap:clamp(2rem,5vw,5rem);display:grid}.cd-section-body p{max-width:65ch;margin-bottom:1.5rem;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.6}.cd-section-body p:last-child{margin-bottom:0}.cd-challenges{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.cd-challenge{border-top:1px solid var(--border);padding-top:1.5rem}.cd-challenge-title{letter-spacing:-.025em;margin-bottom:.75rem;font-family:KK,sans-serif;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.15}.cd-challenge-desc{color:var(--text-muted);max-width:55ch;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55}.cd-tech-stack{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.cd-tech-stack span{border:1px solid var(--border);letter-spacing:.08em;color:var(--text-muted);border-radius:999px;padding:.4rem .85rem;font-size:.75rem}.cd-results-grid{grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,4rem);margin-top:clamp(2rem,4vh,3rem);display:grid}.cd-result{border-top:1px solid var(--border);padding-top:1.5rem}.cd-result-number{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-bottom:1rem;font-family:KK,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1}.cd-result-label{color:var(--text-muted);max-width:30ch;font-size:clamp(.9375rem,1.1vw,1.0625rem);line-height:1.5}.cd-quote-section{border-bottom:1px solid var(--border);text-align:center;padding:clamp(6rem,14vh,10rem) 0}.cd-quote{letter-spacing:-.025em;max-width:28ch;margin:0 auto 2.5rem;font-size:clamp(1.5rem,2.8vw,2.5rem);font-style:italic;font-weight:400;line-height:1.3}.cd-quote-attr{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.cd-quote-attr strong{color:var(--text);font-weight:700}.cd-closing{padding:clamp(7rem,16vh,12rem) 0}.cd-closing-title{letter-spacing:-.035em;max-width:22ch;margin-bottom:clamp(2.5rem,5vh,4rem);font-family:KK,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:700;line-height:1.05}.cd-closing-subtext{max-width:50ch;color:var(--text-muted);margin-bottom:2.5rem;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.5}.cd-cta{background:var(--text);color:var(--bg);border-radius:999px;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:1rem;text-decoration:none;transition:opacity .3s;display:inline-flex}.cd-cta:hover{opacity:.85}.cd-next{border-top:1px solid var(--border);padding:clamp(4rem,8vh,6rem) 0}.cd-next .cd-container{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.cd-next-link{color:var(--text);letter-spacing:-.015em;text-transform:none;font-family:KK,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;text-decoration:none}.cd-next-link:hover{text-decoration:underline}@media (max-width:768px){.cd-section-body{grid-template-columns:1fr;gap:1rem}.cd-results-grid{grid-template-columns:1fr}.cd-next .cd-container{text-align:center;flex-direction:column;gap:1.5rem}}