.project-page{padding-bottom:80px}.project-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:42px 0 52px;border-bottom:1px solid var(--line)}.project-title h1{max-width:850px;font-size:clamp(42px,6vw,78px);line-height:1.04;margin:10px 0 18px}.project-lead{max-width:760px;color:var(--muted);font-size:20px;line-height:1.6}.project-index{display:grid;justify-items:end;gap:10px;color:var(--cyan);text-align:right}.project-index span{font-size:78px;line-height:.8;font-weight:600}.project-index small{font-size:11px;letter-spacing:2px;color:var(--muted)}.guide-section{padding:52px 0;border-bottom:1px solid var(--line)}.guide-section h2{font-size:36px;margin:6px 0 16px}.guide-section>p:not(.eyebrow){max-width:850px;color:var(--muted);font-size:18px;line-height:1.75}.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-list article{padding:22px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--cyan)}.guide-list span{color:var(--cyan);font-size:13px}.guide-list p{color:var(--muted);line-height:1.65;margin:15px 0 0}.table-wrap{overflow-x:auto}.component-table{width:100%;max-width:850px;border-collapse:collapse}.component-table caption{text-align:left;font-weight:600;padding:0 0 12px}.component-table th,.component-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}.component-table th:first-child{width:70%}.component-table thead th{color:var(--cyan);font-size:13px;text-transform:uppercase;letter-spacing:1px}.connection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:950px}.connection-list div{display:grid;gap:6px;padding:17px;background:var(--panel);border:1px solid var(--line)}.connection-list strong{font-size:15px}.connection-list span{color:var(--muted);line-height:1.5}.build-steps,.notes-list{max-width:850px;padding-left:22px}.build-steps li,.notes-list li{padding:8px 0;color:var(--muted);line-height:1.65}.guide-section pre{max-width:950px;overflow:auto;background:#02070d;color:#d9f5ff;padding:22px;border:1px solid #263c4b;border-radius:6px;font-size:14px;line-height:1.6}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:52px;padding:34px;background:var(--panel);border:1px solid var(--line)}.guide-cta h2{margin:5px 0 8px;font-size:34px}.guide-cta p:last-child{color:var(--muted);margin:0}.guide-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.guide-actions .button{flex-shrink:0}.guide-actions .whatsapp{background:#25d366;color:#071b0d}.guide-actions .facebook{background:#1877f2;color:#fff}.guide-actions .button:hover{color:inherit;filter:brightness(1.08)}@media(max-width:760px){.project-page{padding-bottom:45px}.project-title{grid-template-columns:1fr;gap:25px;padding:24px 0 34px}.project-title h1{font-size:clamp(38px,11vw,54px)}.project-lead{font-size:17px}.project-index{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left}.project-index span{font-size:54px}.guide-section{padding:36px 0}.guide-section h2{font-size:29px}.guide-section>p:not(.eyebrow){font-size:16px}.guide-list,.connection-list{grid-template-columns:1fr}.component-table{font-size:14px}.component-table th,.component-table td{padding:11px 9px}.guide-section pre{font-size:12px;padding:15px}.guide-cta{align-items:flex-start;flex-direction:column;padding:24px}.guide-actions{width:100%;flex-direction:column}.guide-actions .button{width:100%;text-align:center}}