.page-wrapper .page-header{padding:var(--spacing-20) 0 var(--spacing-12);background-color:var(--color-surface-primary);text-align:center}.page-wrapper .label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-widest);color:var(--color-accent-primary);text-transform:uppercase;margin-bottom:var(--spacing-3)}.page-wrapper .page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}@media(min-width:768px){.page-wrapper .page-title{font-size:var(--font-size-5xl)}}.page-wrapper .page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:48rem;margin:0 auto var(--spacing-4)}.page-wrapper .card-render-placeholder{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-6)}.page-wrapper .section{padding:var(--spacing-16) 0}.page-wrapper .section-alt{background-color:var(--color-surface-secondary)}.page-wrapper .section-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-6)}@media(min-width:768px){.page-wrapper .section-heading{font-size:var(--font-size-3xl)}}.page-wrapper .content-block{max-width:52rem;margin-left:auto;margin-right:auto}.page-wrapper .body-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.page-wrapper .inline-link{color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.page-wrapper .inline-link:hover{color:var(--color-accent-primary-hover)}.page-wrapper .comparison-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-4);align-items:start;margin:var(--spacing-6) 0}@media(max-width:639px){.page-wrapper .comparison-row{grid-template-columns:1fr}.page-wrapper .comparison-divider{text-align:center}}.page-wrapper .comparison-item{background-color:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-5)}.page-wrapper .comparison-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-wrapper .comparison-divider{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);padding-top:var(--spacing-5)}.page-wrapper .check-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.page-wrapper .check-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-7);position:relative}.page-wrapper .check-list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.page-wrapper .use-cases-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.page-wrapper .use-cases-grid{grid-template-columns:repeat(2,1fr)}}.page-wrapper .use-case-card{background-color:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-6)}.page-wrapper .use-case-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);margin-bottom:var(--spacing-3)}.page-wrapper .numbered-list{margin:var(--spacing-4) 0 var(--spacing-6) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.page-wrapper .numbered-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.page-wrapper .info-box{background-color:var(--color-accent-primary-subtle);border:1px solid var(--color-accent-primary);border-radius:var(--radius-xl);padding:var(--spacing-5)}.page-wrapper .hardware-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:640px){.page-wrapper .hardware-grid{grid-template-columns:repeat(2,1fr)}}.page-wrapper .hardware-item{background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-5)}.page-wrapper .hardware-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-wrapper .scenario-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.page-wrapper .scenario-list li{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-6);position:relative}.page-wrapper .scenario-list li:before{content:"—";position:absolute;left:0;color:var(--color-accent-primary)}.page-wrapper .cta-row{text-align:center;margin-top:var(--spacing-6)}.page-wrapper .text-center{text-align:center}.page-wrapper .cta-group{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap;margin-top:var(--spacing-6)}.page-wrapper .btn-primary{display:inline-block;padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-on-accent);background-color:var(--color-accent-primary);border-radius:var(--radius-lg);text-decoration:none;transition:background-color var(--transition-fast)}.page-wrapper .btn-primary:hover{background-color:var(--color-accent-primary-hover);color:var(--color-text-on-accent)}.page-wrapper .btn-secondary{display:inline-block;padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-lg);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.page-wrapper .btn-secondary:hover{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}
