.intro-section,.role-section,.challenge-section,.reality-section,.approach-section,.work-section,.platform-section,.ai-section,.result-section,.quote-section,.outcome-section,.insight-section{padding:120px 0}.bg-white{background-color:var(--bg-card);border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.intro-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.intro-grid>div:first-child,.challenge-grid>div:first-child,.approach-grid>div:first-child,.platform-grid>div:first-child{position:sticky;top:120px}.challenge-grid,.approach-grid,.platform-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.eyebrow{color:var(--accent-teal)}.section-title{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin:16px 0 0}.section-intro{font-size:1.15rem;color:var(--text-secondary);max-width:700px;margin-bottom:60px;line-height:1.6}.intro-content .body-lg,.challenge-content .body-lg,.approach-content .body-lg,.platform-content .body-lg,.ai-content .body-lg,.outcome-content .body-lg,.insight-content .body-lg{margin-bottom:20px}.role-grid,.reality-grid,.result-grid{display:grid;gap:32px}.role-grid{grid-template-columns:repeat(2,1fr);margin-top:60px}.reality-grid,.result-grid{grid-template-columns:repeat(3,1fr)}.role-card,.reality-card,.result-card{padding:56px;background:var(--bg-card);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .4s var(--ease-apple),box-shadow .4s var(--ease-apple)}.role-card:hover,.reality-card:hover,.result-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-float)}.reality-card{padding:48px 40px;text-align:center}.result-card{text-align:center}.role-card h4,.reality-card h4,.result-card h4{font-size:1.5rem;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.role-card p,.reality-card p,.result-card p{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin:60px 0}.stat-item{text-align:center;flex:0 1 250px}.stat-item.stat-hero{flex:0 0 100%;margin-bottom:20px}.stat-hero .stat-value{font-size:clamp(5rem,12vw,8rem);background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-value{display:block;font-size:3.5rem;font-weight:700;color:var(--accent-blue);background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:8px}.stat-label{display:block;margin-top:8px;font-size:.9rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}blockquote{max-width:800px;margin:0 auto;text-align:left;padding-left:32px;border-left:4px solid var(--accent-teal)}blockquote p{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);line-height:1.4;color:var(--text-primary);margin-bottom:32px;font-style:italic}blockquote cite{font-style:normal}blockquote cite strong{display:block;font-size:1rem;color:var(--text-primary)}blockquote cite span{font-size:.9rem;color:var(--text-tertiary)}.insight-content,.outcome-content,.result-details{max-width:700px;margin:0 auto}.result-details p{font-size:1.15rem;color:var(--text-secondary);line-height:1.7}.result-section{text-align:center}.case-nav-section{padding:60px 0}.case-nav{display:flex;justify-content:space-between;align-items:center}.back-link{font-size:1rem;color:var(--text-secondary);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--text-primary)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:60px}.screenshot-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-apple),box-shadow .4s var(--ease-apple);background:var(--bg-body)}.screenshot-wrapper:hover{transform:translateY(-8px);box-shadow:var(--shadow-float)}.app-screenshot{width:100%;height:auto;display:block}@media(max-width:900px){.intro-grid,.challenge-grid,.approach-grid,.platform-grid,.ai-section{grid-template-columns:1fr;gap:40px}.role-grid,.reality-grid,.result-grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}@media(max-width:600px){.intro-section,.role-section,.challenge-section,.reality-section,.approach-section,.work-section,.platform-section,.ai-section,.result-section,.quote-section,.outcome-section,.insight-section{padding:80px 0}.result-stats{gap:32px}.role-card,.reality-card,.result-card{padding:32px}}
