@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#333}.tf-page{--tf-bg:#0a0a0a;--tf-bg-elevated:#0f0f0f;--tf-surface:#141414;--tf-surface-elevated:#1a1a1a;--tf-text-primary:#fff;--tf-text-secondary:#a0a0a0;--tf-text-muted:gray;--tf-text-caption:gray;--tf-accent:#f59e0b;--tf-accent-muted:#f59e0b14;--tf-border:#242424;--tf-border-strong:#ffffff1f;--tf-friction:#ef4444;--tf-solution:#22c55e;--tf-insight:#f59e0b;--tf-stroke-hairline:1px;--tf-stroke-thin:1.5px;--tf-max-width:864px;--tf-section-padding:16px;--tf-card-radius:12px;--tf-card-padding:20px;--tf-font:"Instrument Sans",-apple-system,BlinkMacSystemFont,sans-serif;--tf-text-xs:.75rem;--tf-text-sm:.875rem;--tf-text-base:1.125rem;--tf-text-lg:1.125rem;--tf-text-xl:1.25rem;--tf-text-2xl:1.5rem;--tf-text-3xl:2rem}.tf-hero{text-align:left;flex-direction:column;align-items:flex-start;row-gap:8px;padding:160px 0 8px;display:flex}.tf-project-label{font-size:var(--tf-text-xl);color:var(--tf-text-primary);align-items:center;gap:8px;margin-bottom:0;font-weight:600;display:inline-flex}.tf-project-icon{color:var(--tf-accent);font-size:24px}.tf-hook{font-family:var(--tf-font);letter-spacing:-.02em;color:var(--tf-text-primary);text-align:left;max-width:800px;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.35}.tf-meta-row{border-top:1px solid var(--tf-border);justify-content:flex-start;gap:64px;width:100%;padding-top:24px;display:flex}.tf-page{background-color:var(--tf-bg);color:var(--tf-text-primary);font-family:var(--tf-font);min-height:100vh;font-size:var(--tf-text-base);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;line-height:1.5}.tf-container{max-width:var(--tf-max-width);margin:0 auto;padding:0 24px}.tf-section{padding:var(--tf-section-padding)0}.tf-section:last-child{padding-bottom:40px}.tf-heading-2{font-size:var(--tf-text-xl);letter-spacing:-.02em;color:var(--tf-text-primary);margin-bottom:8px;font-weight:600;line-height:1.25}.tf-heading-3{font-size:var(--tf-text-lg);letter-spacing:-.01em;color:var(--tf-text-primary);margin-bottom:8px;font-weight:500}.tf-body{font-size:var(--tf-text-base);letter-spacing:-.01em;color:var(--tf-text-secondary);line-height:1.55}.tf-card{background:var(--tf-surface);border:var(--tf-stroke-hairline)solid var(--tf-border);border-radius:var(--tf-card-radius);padding:var(--tf-card-padding)}.tf-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tf-stat-item{text-align:center;background:var(--tf-surface);border:var(--tf-stroke-hairline)solid var(--tf-border);border-radius:var(--tf-card-radius);padding:24px 16px}.tf-stat-value{font-size:var(--tf-text-2xl);color:var(--tf-accent);margin-bottom:6px;font-weight:600}.tf-stat-label{font-size:var(--tf-text-xs);color:var(--tf-text-muted);line-height:1.5}.tf-diagnosis-table{border-collapse:separate;border-spacing:0;border-radius:var(--tf-card-radius);border:var(--tf-stroke-hairline)solid var(--tf-border);width:100%;overflow:hidden}.tf-diagnosis-table th{background:var(--tf-surface);color:var(--tf-text-muted);font-size:var(--tf-text-xs);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:var(--tf-stroke-hairline)solid var(--tf-border);padding:14px 16px;font-weight:600}.tf-diagnosis-table td{background:var(--tf-bg);color:var(--tf-text-secondary);font-size:var(--tf-text-sm);border-bottom:var(--tf-stroke-hairline)solid var(--tf-border);vertical-align:top;padding:14px 16px;line-height:1.5}.tf-diagnosis-table tr:last-child td{border-bottom:none}.tf-takeaway-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tf-takeaway{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-card-radius);padding:var(--tf-card-padding)}.tf-takeaway-title{font-size:var(--tf-text-base);color:var(--tf-text-primary);margin-bottom:8px;font-weight:600}.tf-takeaway-text{font-size:var(--tf-text-sm);color:var(--tf-text-secondary);line-height:1.6}.tf-constraint-block{background:var(--tf-bg-elevated);border:var(--tf-stroke-hairline)solid var(--tf-border);border-radius:var(--tf-card-radius);margin:24px 0;padding:20px 24px}.tf-constraint-label{font-size:var(--tf-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--tf-text-muted);margin-bottom:8px;font-weight:600}.tf-constraint-text{font-size:var(--tf-text-sm);color:var(--tf-text-secondary);line-height:1.55}.tf-quote{border-left:2px solid var(--tf-border);font-size:var(--tf-text-lg);color:var(--tf-text-primary);margin:28px 0;padding-left:20px;font-style:italic}.tf-image-caption{align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.tf-image-caption-tag{background:var(--tf-surface);border:var(--tf-stroke-hairline)solid var(--tf-border);font-size:var(--tf-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--tf-text-muted);border-radius:4px;padding:4px 8px;font-weight:600}.tf-image-caption-title{font-size:var(--tf-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tf-text-caption);font-weight:500}@media (max-width:768px){.tf-hero{padding-top:80px}.tf-section{padding:16px 0}.tf-stats-grid,.tf-takeaway-grid{grid-template-columns:1fr}.tf-meta-row{flex-wrap:wrap;gap:32px}.tf-hook{font-size:1.75rem}}@media (max-width:480px){.tf-container{padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.tf-hero{padding-top:56px}.tf-meta-row{gap:16px}.tf-hook{font-size:1.5rem}.tf-heading-2{font-size:1.1rem}.tf-body{font-size:.95rem}.tf-card{padding:16px}.tf-stat-grid{gap:12px}.tf-stat-item{padding:16px 12px}.tf-section{padding:32px 0}}
