:root{--demo-accent: var(--color-terracotta);--demo-teal: var(--color-deep-teal);--demo-bg: var(--color-cream)}.demo-page{background-color:var(--demo-bg);color:var(--color-slate-gray);line-height:var(--line-height-relaxed)}.demo-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-xl) var(--space-md)}.tldr-box{background:var(--color-white);border-left:5px solid var(--demo-accent);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);box-shadow:var(--box-shadow-md)}.tldr-box strong{color:var(--demo-teal)}.tldr-box ul{list-style:none;padding:0;margin-top:var(--space-md)}.tldr-box li{margin-bottom:var(--space-sm);display:flex;align-items:flex-start;gap:var(--space-sm)}.demo-section{margin-bottom:var(--space-3xl)}.demo-section h1{font-family:var(--font-family-heading);color:var(--demo-teal);font-size:var(--font-size-4xl);margin-bottom:var(--space-xl)}.demo-section h2{font-family:var(--font-family-heading);color:var(--demo-teal);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-teal-100);padding-bottom:var(--space-sm)}.table-wrapper{overflow-x:auto;margin:var(--space-2xl) 0;border-radius:var(--radius-lg);box-shadow:var(--box-shadow-lg)}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-white)}.comparison-table th,.comparison-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.comparison-table th{background:var(--demo-teal);color:var(--color-white);font-weight:var(--font-weight-bold)}.comparison-table tr:last-child td{border-bottom:none}.callout-box{background:var(--color-teal-50);border:1px solid var(--color-teal-100);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0}.callout-box--insight{background:var(--color-orange-50);border-color:var(--color-orange-100)}.callout-box h4{margin-top:0;color:var(--demo-teal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:var(--font-size-sm)}.demo-screenshots{margin-top:var(--space-3xl)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-top:var(--space-lg)}.screenshot-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--box-shadow-md);text-align:center;margin:var(--space-xl) auto;max-width:600px}.screenshot-grid .screenshot-card{max-width:100%;margin:0}.screenshot-card img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block;background:var(--color-slate-100)}.screenshot-card p{padding:var(--space-md);font-weight:var(--font-weight-medium);color:var(--demo-teal)}.demo-cta{background:linear-gradient(135deg,var(--demo-teal),var(--color-deep-teal-dark));color:var(--color-white);padding:var(--space-3xl) var(--space-xl);text-align:center;border-radius:var(--radius-xl);margin-top:var(--space-4xl)}.demo-cta h2{color:var(--color-white);font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.demo-cta p{font-size:var(--font-size-lg);margin-bottom:var(--space-xl);opacity:.9}.demo-cta .button--primary{background:var(--demo-accent);border-color:var(--demo-accent);font-size:var(--font-size-xl);padding:var(--space-md) var(--space-2xl)}.author-section{margin-top:var(--space-4xl);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--box-shadow-sm)}.author-section h2{color:var(--demo-teal);margin-bottom:var(--space-lg)}.author-section ul{padding-left:var(--space-xl)}.demo-footer{padding:var(--space-2xl) 0;text-align:center;color:var(--color-slate-gray-light);border-top:1px solid var(--color-border-light)}.demo-cta-microcopy{margin-top:1rem;opacity:.7}.demo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-3xl);align-items:center;margin-bottom:var(--space-4xl)}.demo-grid--reverse{direction:rtl}.demo-grid--reverse .demo-text,.demo-grid--reverse .demo-media{direction:ltr}.demo-text{display:flex;flex-direction:column;gap:var(--space-md)}.demo-media{position:relative}.device-mockup{background:var(--color-white);border:6px solid var(--demo-teal);border-radius:var(--radius-xl);box-shadow:0 15px 35px #0000001f;overflow:hidden;position:relative;aspect-ratio:16 / 10;display:flex;transition:transform var(--transition-base)}.device-mockup:hover{transform:scale(1.02)}.device-mockup img{width:100%;height:100%;object-fit:cover}.device-mockup--mobile{max-width:260px;margin:0 auto;aspect-ratio:9 / 19;border-radius:36px;border-width:8px}.placeholder-content{padding:var(--space-xl);text-align:center;color:var(--demo-teal);font-size:var(--font-size-sm);background:var(--color-teal-50);height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;line-height:1.5}.placeholder-label{font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--space-sm);display:block;color:var(--demo-accent)}.value-block{background:var(--color-white);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--box-shadow-sm);border-left:4px solid var(--demo-accent)}.value-block h4{margin:0 0 var(--space-xs);color:var(--demo-teal);font-size:var(--font-size-lg)}.value-block p{margin:0;font-size:var(--font-size-md)}.action-item-box{background:var(--color-orange-50);border:1px dashed var(--demo-accent);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md)}.action-item-box .label{font-weight:var(--font-weight-bold);color:var(--demo-accent);display:block;margin-bottom:var(--space-xs);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}@media (max-width: 992px){.demo-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.demo-grid--reverse{direction:ltr}.device-mockup{max-width:100%}}.demo-link-science{font-size:var(--font-size-sm);color:var(--demo-teal);text-decoration:none;font-style:italic;font-weight:var(--font-weight-medium);margin-top:var(--space-sm);display:inline-block;transition:color var(--transition-base)}.demo-link-science:hover{color:var(--demo-accent);text-decoration:underline}