.roof_sheets-page{color:#eee;background:#050505}.roof-overview-section{background:#080808;border-bottom:1px solid #ffffff0d;padding:100px 0}.section-header.center{text-align:center;max-width:900px;margin:0 auto 60px}.section-header .p-tag{color:#0070f3;letter-spacing:2px;margin-bottom:15px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:inline-block}.section-header h2{color:#fff;margin-bottom:25px;font-size:2.8rem;font-weight:700;line-height:1.2}.section-header p{color:#888;font-size:1.15rem;line-height:1.6}.roof-features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.r-feature-card{background:#ffffff05;border:1px solid #ffffff0d;padding:40px 30px;transition:all .3s}.r-feature-card:hover{background:#ffffff0a;border-color:#0070f34d;transform:translateY(-5px)}.r-feature-card .f-icon{color:#0070f3;margin-bottom:25px}.r-feature-card h3{color:#fff;margin-bottom:15px;font-size:1.2rem;font-weight:600}.r-feature-card p{color:#888;font-size:.95rem;line-height:1.6}.stats-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.stats-label{color:#0070f3;letter-spacing:2px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:.75rem}.stats-value{color:#fff;margin-bottom:15px;font-size:3.5rem;font-weight:800;line-height:1}.roof-performance-matrix{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:60px;display:flex}.matrix-item{color:#bbb;background:#ffffff08;border:1px solid #ffffff0d;border-radius:40px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;display:flex}.matrix-item svg{color:#0070f3}.roof-process-section{background:#050505;padding:100px 0 120px}.process-steps{flex-direction:column;gap:30px;margin-top:40px;display:flex}.p-step{gap:20px;display:flex}.p-step-num{color:#0070f3;opacity:.8;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.p-step-text h4{color:#fff;margin-bottom:5px;font-size:1.1rem}.p-step-text p{color:#666;font-size:.9rem}.blueprint-wrapper{grid-template-columns:350px 1fr;align-items:center;gap:60px;margin-bottom:80px;display:grid}.blueprint-visual{background:#0a0a0a;border:1px solid #ffffff08;justify-content:center;align-items:center;height:400px;padding:40px;display:flex;position:relative;overflow:hidden}.blueprint-visual:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.roof-sheet-svg{z-index:1;width:100%;height:100%;position:relative}.specifications-table-wrapper{margin-top:80px}.spec-table-box{background:#ffffff03;border:1px solid #ffffff0d;overflow-x:auto}.custom-rods-table{border-collapse:collapse;width:100%}.custom-rods-table th{color:#888;text-align:center;text-transform:uppercase;letter-spacing:1.5px;background:#0d0d0d;border-bottom:2px solid #0070f3;padding:20px;font-size:.75rem}.custom-rods-table td{text-align:center;color:#aaa;border-bottom:1px solid #ffffff05;padding:20px;font-family:JetBrains Mono,monospace;font-size:.95rem}.spec-notes{color:#64748b;text-align:center;margin-top:25px;font-size:.9rem;font-style:italic}@media (max-width:1024px){.roof-features-grid{grid-template-columns:repeat(2,1fr)}.blueprint-wrapper{grid-template-columns:1fr;gap:3rem}.blueprint-visual{height:300px}}@media (max-width:768px){.roof-features-grid{grid-template-columns:1fr}.section-header h2{font-size:2rem}.blueprint-info h2{font-size:1.8rem!important}.blueprint-visual{height:250px;padding:20px}.roof-performance-matrix{flex-direction:column;align-items:stretch}.matrix-item{justify-content:center}}