.content-page{padding:calc(80px + var(--spacing-2xl)) 0 var(--spacing-2xl);flex:1}.content-page .container{max-width:calc(720px + 2 * var(--spacing-md))}.content-hero{max-width:720px;margin-bottom:var(--spacing-2xl)}.content-hero h1{letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--spacing-md);font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:700;line-height:1.15}.content-lead{color:var(--color-text-secondary);font-size:1.1875rem;line-height:1.7}.content-meta{max-width:62ch;margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:.875rem}.content-section{margin-bottom:var(--spacing-2xl)}.content-section h2{letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--spacing-md);font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700}.content-section>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:1.0625rem;line-height:1.7}.content-section>.detail-grid+p,.content-section>.stat-grid+p{margin-top:var(--spacing-md)}.detail-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.detail-item{padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.detail-item h3{color:var(--color-text);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.detail-item p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.process-steps{gap:var(--spacing-md);counter-reset:process-step;flex-direction:column;display:flex}.process-step{gap:var(--spacing-md);align-items:flex-start;display:flex}.process-step-number{counter-increment:process-step;background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:inline-flex}.process-step-number:before{content:counter(process-step)}.process-step-body h3{color:var(--color-text);margin-bottom:.25rem;font-size:1.0625rem;font-weight:600}.process-step-body p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--color-accent-tint);color:var(--color-accent);border-radius:100px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500}.faq-item{margin-bottom:var(--spacing-lg)}.faq-item h3{color:var(--color-text);margin-bottom:.375rem;font-size:1.0625rem;font-weight:600}.faq-item p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.65}.cta-box{justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:720px;padding:var(--spacing-xl);background:var(--color-accent-tint);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.cta-box h2{color:var(--color-text);margin-bottom:.375rem;font-size:1.375rem;font-weight:700}.cta-box p{color:var(--color-text-secondary);max-width:480px}.cta-box-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cta-email-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:.625rem;min-height:52px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5;transition:all .2s;display:inline-flex}.cta-email-btn:hover{background:var(--color-accent-dark);color:#fff}.cta-secondary-link{background:var(--color-bg-secondary);min-height:52px;color:var(--color-text);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);white-space:nowrap;align-items:center;padding:.875rem 1.5rem;font-weight:600;line-height:1.5;transition:all .2s;display:inline-flex}.cta-secondary-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.project-link{max-width:720px;margin-bottom:var(--spacing-md)}.cta-secondary-link .external-mark{margin-left:.5em}.content-page ul.plain-list,.content-page ol.plain-list{color:var(--color-text-secondary);margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:1.0625rem;line-height:1.7}.content-page ol.plain-list{margin-left:var(--spacing-lg)}.content-page .plain-list li+li{margin-top:.25rem}.content-page .back-link{max-width:720px;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.content-page .back-link a{align-items:center;min-height:44px;font-weight:500;display:inline-flex}@media (max-width:600px){.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.cta-box{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start}}