.fab-grid{max-width:var(--p-max-width);margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.fab-grid{grid-template-columns:1fr 1fr;gap:1.25rem;padding:0 1.5rem}}.fab-card-wide{grid-column:1 / -1}.fab-card{padding:1.5rem}@media(min-width:768px){.fab-card{padding:2rem}}.fab-label{font-family:var(--p-font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;margin-bottom:.5rem}.fab-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.fab-title{line-height:1.2;margin:0}.fab-squiggle{position:relative;width:48px;height:6px;margin:.5rem 0 .75rem}.fab-squiggle:before{content:"";position:absolute;inset:50% 0 0;height:3px;transform:translateY(-50%);border-radius:2px;background:var(--sq-color);transition:opacity .3s ease}.fab-squiggle:after{content:"";position:absolute;inset:0;background:var(--sq-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q6 0 12 3 Q18 6 24 3 Q30 0 36 3 Q42 6 48 3' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q6 0 12 3 Q18 6 24 3 Q30 0 36 3 Q42 6 48 3' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;opacity:0;transition:opacity .3s ease}.fab-card:hover .fab-squiggle:before{opacity:0}.fab-card:hover .fab-squiggle:after{opacity:1}.fab-desc{font-size:.9375rem;font-weight:500;line-height:1.6;color:var(--p-text-secondary);margin:0 0 1.5rem}.fab-proof{font-size:.8125rem;font-weight:600;color:var(--p-text-secondary);padding-top:1rem;border-top:1px solid var(--p-border);margin-top:auto;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.fab-proof strong{color:var(--p-text)}.fab-proof-source{font-size:.6875rem;font-weight:500;color:var(--p-text-secondary);opacity:.6}.fab-fatigue{margin-bottom:1.25rem}.fab-fatigue-header{margin-bottom:.5rem}.fab-fatigue-label{font-family:var(--p-font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--p-text-secondary)}.fab-fatigue-chart{background:#00000005;border-radius:var(--p-radius-sm);padding:1rem 1rem .5rem;border:1px solid var(--p-border)}.fab-fatigue-svg{width:100%;height:auto}.fab-fatigue-axis{display:flex;justify-content:space-between;padding-top:.375rem}.fab-fatigue-axis span{font-family:var(--p-font-display);font-size:.625rem;font-weight:600;color:var(--p-text-secondary);opacity:.5}.fab-tracking{margin-bottom:1.25rem}.fab-tracking-flow{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.fab-tracking-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border-radius:var(--p-radius-sm);text-align:center}.fab-tracking-broken{background:#ef44440a;border:1px solid rgba(239,68,68,.12)}.fab-tracking-fixed{background:#22c55e0a;border:1px solid rgba(34,197,94,.12)}.fab-tracking-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ef4444}.fab-tracking-icon svg{width:24px;height:24px}.fab-tracking-icon-good{color:#22c55e}.fab-tracking-connector{width:24px;height:24px;flex-shrink:0;color:#00000026}.fab-tracking-connector svg{width:100%;height:100%}.fab-tracking-name{font-family:var(--p-font-display);font-size:.6875rem;font-weight:700;color:var(--p-text)}.fab-tracking-status{font-size:.625rem;font-weight:600;padding:2px 8px;border-radius:20px}.fab-status-warn{background:#ef444414;color:#ef4444}.fab-status-good{background:#22c55e14;color:#16a34a}.fab-tracking-items{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--p-border);border-radius:var(--p-radius-sm);overflow:hidden}.fab-tracking-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;border-bottom:1px solid var(--p-border)}.fab-tracking-item:nth-child(odd){border-right:1px solid var(--p-border)}.fab-tracking-item:nth-last-child(-n+2){border-bottom:none}.fab-item-fail span:last-child{color:var(--p-text-secondary)}.fab-item-pass span:last-child{color:var(--p-text)}.fab-tracking-x{width:16px;height:16px;border-radius:50%;background:#ef44441a;position:relative;flex-shrink:0}.fab-tracking-x:before,.fab-tracking-x:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:#ef4444;border-radius:1px}.fab-tracking-x:before{transform:translate(-50%,-50%) rotate(45deg)}.fab-tracking-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.fab-tracking-check{width:16px;height:16px;border-radius:50%;background:#22c55e1a;position:relative;flex-shrink:0}.fab-tracking-check:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:5px;border-left:1.5px solid #22c55e;border-bottom:1.5px solid #22c55e;transform:translate(-50%,-60%) rotate(-45deg)}.fab-wide-inner{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.fab-wide-inner{flex-direction:row;gap:3rem;align-items:flex-start}.fab-wide-text{flex:0 0 40%}}.fab-funnel{flex:1;display:flex;flex-direction:column;gap:.5rem}.fab-funnel-stage{display:flex}.fab-funnel-bar{width:var(--bar-w);background:var(--bar-color);border-radius:8px;padding:.625rem 1rem;display:flex;align-items:center;gap:.625rem;transition:width .6s ease}.fab-funnel-bar:last-child{color:#fff}.fab-funnel-count{font-family:var(--p-font-display);font-size:1.5rem;font-weight:800;color:#1877f2;letter-spacing:-.03em;line-height:1}.fab-funnel-bar[style*="25%"] .fab-funnel-count{color:#fff}.fab-funnel-text{font-family:var(--p-font-display);font-size:.75rem;font-weight:600;color:var(--p-text-secondary)}.fab-funnel-bar[style*="25%"] .fab-funnel-text{color:#ffffffd9}.fab-funnel-loop{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.25rem}.fab-loop-svg{width:100%;max-width:200px;height:auto}.fab-loop-label{font-family:var(--p-font-display);font-size:.625rem;font-weight:600;color:#1877f2;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.fat-inner{max-width:var(--p-max-width);margin:0 auto;padding:0 1rem}@media(min-width:768px){.fat-inner{padding:0 1.5rem}}.fat-statement{text-align:center;margin-bottom:2rem}@media(min-width:768px){.fat-statement{margin-bottom:2.5rem}}.fat-headline{font-family:var(--p-font-display);font-weight:900;font-size:clamp(1.75rem,4.5vw,2.75rem);letter-spacing:-.03em;line-height:1.1;color:var(--p-text);margin:1rem 0 .75rem}.fat-subtitle{font-size:1rem;line-height:1.65;color:var(--p-text-secondary);max-width:540px;margin:0 auto;font-weight:500}@media(min-width:768px){.fat-subtitle{font-size:1.1rem}}.fat-timeline-card{padding:1.5rem}@media(min-width:768px){.fat-timeline-card{padding:2.5rem 2rem}}.fat-timeline-card:hover{transform:none;box-shadow:none}.fat-steps{display:flex;flex-direction:column;gap:0}@media(min-width:768px){.fat-steps{flex-direction:row;align-items:flex-start}}.fat-step{display:flex;gap:1rem;align-items:flex-start;flex:1;padding:1rem 0}.fat-step:first-child{padding-top:0}.fat-step:last-child{padding-bottom:0}.fat-step:not(:last-child){border-bottom:1px solid var(--p-border)}@media(min-width:768px){.fat-step{flex-direction:column;text-align:center;align-items:center;gap:.875rem;padding:0 1rem;border-bottom:none!important}.fat-step:first-child{padding-left:0}.fat-step:last-child{padding-right:0}}.fat-step-ghost{font-family:var(--p-font-display);font-size:3.5rem;font-weight:800;line-height:.85;color:transparent;-webkit-text-stroke:2px var(--step-color);user-select:none;flex-shrink:0;opacity:.2;transition:opacity .25s ease}.fat-step:hover .fat-step-ghost{opacity:.4}@media(min-width:768px){.fat-step-ghost{font-size:4.5rem}}.fat-connector{display:none}@media(min-width:768px){.fat-connector{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;margin-top:1.5rem}.fat-arrow{width:48px;height:24px}}.fat-step-period{font-family:var(--p-font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.25rem;color:var(--step-color)}.fat-step-title{font-family:var(--p-font-display);font-weight:800;font-size:1.1rem;color:var(--p-text);letter-spacing:-.02em;margin:0 0 .375rem}@media(min-width:768px){.fat-step-title{font-size:1.2rem}}.fat-step-desc{font-size:.8125rem;font-weight:500;line-height:1.55;color:var(--p-text-secondary);margin:0}@media(min-width:768px){.fat-step-desc{font-size:.875rem}}
