.project-detail-wrapper{display:flex;gap:48px;max-width:1200px;margin:0 auto;padding:40px 24px 80px}.project-detail-toc{display:none;flex-shrink:0;width:200px;position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start}@media (min-width:1200px){.project-detail-toc{display:block}}.project-detail-toc__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin:0 0 12px}.project-detail-toc__list{list-style:none;padding:0;margin:0}.project-detail-toc__item{margin:0}.project-detail-toc__link{display:block;width:100%;text-align:left;font-size:.875rem;color:rgba(255,255,255,.6);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease;position:relative;padding:6px 0 6px 12px}.project-detail-toc__link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:rgba(255,255,255,.4);border-radius:2px;transition:height .2s ease}.project-detail-toc__link:hover{color:rgba(255,255,255,.9)}.project-detail-toc__link--active{color:rgba(255,255,255,.95)}.project-detail-toc__link--active:before{height:16px}.project-detail{flex:1 1;min-width:0;max-width:800px;margin-inline:auto}.project-detail__hero{margin-bottom:48px}.project-detail__back{display:inline-block;font-size:.875rem;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:24px;transition:color .2s ease}.project-detail__back:hover{color:rgba(255,255,255,.9)}.project-detail__title{margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);line-height:1.15;font-weight:700}.project-detail__goal{font-size:1.125rem;line-height:1.6;opacity:.9;margin:0 0 32px;white-space:pre-line}.project-detail__cover{border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05)}.project-detail__cover-img{width:100%;height:auto;display:block}.project-detail__body{display:flex;flex-direction:column;gap:48px}.project-detail__section{padding-top:8px;scroll-margin-top:24px}.project-detail__section-title{font-size:1.25rem;font-weight:600;margin:0 0 20px;letter-spacing:-.02em;color:rgba(255,255,255,.95)}.project-detail__content{font-size:1rem;line-height:1.7;white-space:pre-line}.project-detail__content p{margin:0 0 16px}.project-detail__content p:last-child{margin-bottom:0}.project-detail__pain-grid{display:grid;grid-gap:20px;gap:20px}.project-detail__pain-card{padding:20px 24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px}.project-detail__pain-label{font-size:1rem;font-weight:600;margin:0 0 12px}.project-detail__pain-compare{display:flex;flex-direction:column;gap:12px}.project-detail__pain-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:4px}.project-detail__pain-after p,.project-detail__pain-before p{margin:0;font-size:.9rem;line-height:1.5;opacity:.9}.project-detail__pain-after .project-detail__pain-tag{color:#22c55e}.project-detail__list{list-style:none;padding:0;margin:0}.project-detail__list-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.project-detail__list-item:last-child{border-bottom:none}.project-detail__check{color:#22c55e;font-size:1.1rem;line-height:1;flex-shrink:0}.project-detail__outcomes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.project-detail__outcome-card{padding:20px;background:rgba(255,255,255,.04);border-radius:10px;border:1px solid rgba(255,255,255,.06)}.project-detail__outcome-metric{display:block;font-size:.8rem;opacity:.8;margin-bottom:4px}.project-detail__outcome-value{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.35ch;font-size:1.5rem;font-weight:600;line-height:1.15;min-width:0}.project-detail__outcome-number{white-space:nowrap}.project-detail__outcome-unit{font-size:.95rem;font-weight:600;opacity:.9;overflow-wrap:anywhere}.project-detail__outcome-note{display:block;font-size:.85rem;opacity:.8;margin-top:8px}.project-detail__measurement-notes{font-size:.85rem;opacity:.7;margin:16px 0 0;font-style:italic;white-space:pre-line}.project-detail__flow{display:flex;flex-direction:column;gap:24px}.project-detail__flow-step{display:flex;gap:20px;padding:20px;background:rgba(255,255,255,.03);border-radius:10px;border-left:3px solid rgba(255,255,255,.15)}.project-detail__flow-number{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:8px;font-weight:600;font-size:.9rem}.project-detail__flow-content h4{margin:0 0 12px;font-size:1rem}.project-detail__flow-details{display:flex;flex-direction:column;gap:8px}.project-detail__flow-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.project-detail__flow-details p{margin:2px 0 0;font-size:.9rem;opacity:.9}.project-detail__fit{display:flex;flex-direction:column;gap:24px}.project-detail__fit-title{font-size:.9rem;font-weight:600;margin:0 0 8px;opacity:.9}.project-detail__tags{display:flex;flex-wrap:wrap;gap:8px}.project-detail__tag{padding:6px 12px;background:rgba(255,255,255,.08);border-radius:6px;font-size:.875rem}.project-detail__tag--muted{background:rgba(255,255,255,.04);opacity:.85}.project-detail__signals{list-style:none;padding:0;margin:0}.project-detail__signals li{padding:6px 0 6px 20px;position:relative;font-size:.95rem}.project-detail__signals li:before{content:"→";position:absolute;left:0;opacity:.6}.project-detail__scope{display:grid;grid-gap:24px;gap:24px}@media (min-width:640px){.project-detail__scope{grid-template-columns:repeat(3,1fr)}}.project-detail__scope-title{font-size:.9rem;font-weight:600;margin:0 0 12px}.project-detail__scope-title--in{color:#22c55e}.project-detail__scope-title--out{color:rgba(255,255,255,.6)}.project-detail__scope ul{list-style:none;padding:0;margin:0}.project-detail__scope li{font-size:.9rem;opacity:.9;padding:6px 0 6px 16px;position:relative}.project-detail__scope li:before{content:"•";position:absolute;left:0;opacity:.5}.project-detail__proof{display:flex;flex-direction:column;gap:20px}.project-detail__proof-badge{display:inline-block;padding:8px 16px;background:rgba(34,197,94,.15);color:#22c55e;border-radius:8px;font-size:.9rem;font-weight:600;width:-moz-fit-content;width:fit-content}.project-detail__implementation{display:flex;flex-wrap:wrap;gap:24px}.project-detail__impl-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:4px}.project-detail__implementation p{margin:0;font-size:.95rem}.project-detail__tech{display:flex;flex-direction:column;gap:20px}.project-detail__tech-title{font-size:.9rem;font-weight:600;margin:0 0 8px}.project-detail__testimonials{display:flex;flex-direction:column;gap:24px}.project-detail__testimonial{display:flex;align-items:flex-start;gap:24px;padding:24px;background:rgba(255,255,255,.04);border-radius:12px;border:1px solid rgba(255,255,255,.06);margin:0}.project-detail__testimonial-photo{flex-shrink:0;width:96px;height:96px;border-radius:50%;overflow:hidden}.project-detail__testimonial-photo img{width:100%;height:100%;object-fit:cover}.project-detail__testimonial-body{flex:1 1;min-width:0}.project-detail__testimonial-content{font-size:1.05rem;line-height:1.6;font-style:italic;margin:0 0 16px;opacity:.95;white-space:pre-line}.project-detail__testimonial footer{display:flex;flex-direction:column;gap:2px}.project-detail__testimonial footer strong{font-size:.95rem}.project-detail__testimonial footer span{font-size:.85rem;opacity:.7}.project-detail__artifacts{display:flex;flex-wrap:wrap;gap:12px}.project-detail__artifact{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid rgba(255,255,255,.06)}.project-detail__artifact-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.project-detail__artifact-label{font-size:.9rem}.project-detail__artifact a{font-size:.85rem;margin-left:auto;color:rgba(255,255,255,.8);text-decoration:none}.project-detail__artifact a:hover{text-decoration:underline}.mermaid-diagram,.project-detail__mermaid{min-height:200px;padding:32px;border-radius:12px;overflow:auto;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)}.mermaid-diagram svg,.project-detail__mermaid svg{display:block;width:auto;max-width:none!important;height:auto}.mermaid-diagram .node circle,.mermaid-diagram .node polygon,.mermaid-diagram .node rect,.project-detail__mermaid .node circle,.project-detail__mermaid .node polygon,.project-detail__mermaid .node rect{stroke-width:1.5px;stroke:rgba(74,158,255,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mermaid-diagram .edgePath path,.project-detail__mermaid .edgePath path{stroke:#4a9eff;stroke-width:2px;stroke-opacity:.8}.mermaid-diagram .arrowheadPath,.project-detail__mermaid .arrowheadPath{fill:#4a9eff}.mermaid-diagram .edgeLabel,.mermaid-diagram .nodeLabel,.project-detail__mermaid .edgeLabel,.project-detail__mermaid .nodeLabel{font-weight:500;letter-spacing:.01em;white-space:pre-wrap!important;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.mermaid-diagram .cluster .cluster-label,.mermaid-diagram .cluster .cluster-label foreignObject,.mermaid-diagram foreignObject,.mermaid-diagram foreignObject div,.project-detail__mermaid .cluster .cluster-label,.project-detail__mermaid .cluster .cluster-label foreignObject,.project-detail__mermaid foreignObject,.project-detail__mermaid foreignObject div{overflow:visible}.mermaid-diagram .cluster .cluster-label div,.mermaid-diagram .cluster .cluster-label span,.project-detail__mermaid .cluster .cluster-label div,.project-detail__mermaid .cluster .cluster-label span{white-space:nowrap!important;word-break:normal!important}.process-flow-diagram{min-height:200px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}.process-flow-diagram .react-flow__renderer{background:transparent}.process-flow-node{padding:16px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;min-width:200px;max-width:240px}.process-flow-node__title{margin:0 0 12px;font-size:1rem;font-weight:600;color:rgba(255,255,255,.95)}.process-flow-node__details{display:flex;flex-direction:column;gap:6px}.process-flow-node__row{display:flex;flex-direction:column;gap:2px}.process-flow-node__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.process-flow-node__value{font-size:.8rem;line-height:1.4;opacity:.9}.process-flow-handle{width:8px;height:8px;background:rgba(255,255,255,.3);border:none}.process-flow-diagram .react-flow__edge-path{stroke:rgba(255,255,255,.25)}.process-flow-diagram .react-flow__arrowhead polyline{fill:rgba(255,255,255,.25)}.project-detail__compare-table{width:100%;border-collapse:collapse;font-size:.95rem}.project-detail__compare-table td,.project-detail__compare-table th{padding:14px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.project-detail__compare-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.7;width:140px}.project-detail__compare-table tr:last-child td{border-bottom:none}.project-detail__compare-table .project-detail__compare-before{color:rgba(255,255,255,.6);white-space:pre-line}.project-detail__compare-table .project-detail__compare-after{color:#22c55e;white-space:pre-line}.project-detail__industries{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-detail__industry-pill{padding:6px 14px;background:rgba(255,255,255,.08);border-radius:20px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9)}