.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:center}
.hero h1{font-size:clamp(26px,3.8vw,40px);line-height:1.12;margin:8px 0;color:var(--wood)}
.hero .sub{font-size:15px;margin-bottom:10px;color:var(--red)}
.hero-desc{color:#3a2e26}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hero-tags span{padding:4px 8px;border:1px solid var(--wood);font-size:12px}
.window{background:var(--wood);padding:8px;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:70px 1fr 70px;gap:4px}
.g1{grid-column:1;grid-row:1}.g2{grid-column:2;grid-row:1}.g3{grid-column:3;grid-row:1}.g4{grid-column:1;grid-row:2}.g5{grid-column:3;grid-row:2}.g6{grid-column:1;grid-row:3}.g7{grid-column:2;grid-row:3}.g8{grid-column:3;grid-row:3}
.g{position:relative;overflow:hidden;min-height:70px;background:#fffdf8}
.g img{width:100%;height:100%;object-fit:cover}
.tint{position:absolute;inset:0}
.t-r{background:rgba(196,59,59,.42)}
.t-b{background:rgba(42,111,158,.42)}
.t-g{background:rgba(45,138,90,.42)}
.t-a{background:rgba(212,160,23,.42)}
.desk{background:#fffdf8;color:var(--ink);grid-column:2;grid-row:2}
.desk-top{display:flex;justify-content:space-between;padding:8px 10px;background:var(--wood);color:#fffdf8;font-size:12px}
.chans{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:2px solid var(--wood)}
.chans b{padding:2px 6px;border:1px solid var(--wood);font-size:10px}
.desk table{width:100%;border-collapse:collapse;font-size:12px}
.desk th,.desk td{padding:6px 8px;text-align:left;border-bottom:1px solid #e8dcc8}
.desk th{color:var(--muted);font-size:10px}
.lights{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:16px;background:var(--wood);padding:4px}
.lights span{background:#fffdf8;padding:16px 4px;text-align:center;font-size:12px;font-weight:800}
.lights span:nth-child(6n+1){background:#f3c4c4;color:var(--red)}
.lights span:nth-child(6n+2){background:#c4d8ec;color:var(--blue)}
.lights span:nth-child(6n+3){background:#c4e4d0;color:var(--green)}
.lights span:nth-child(6n+4){background:#f3e4b0;color:#8a6a00}
.lights span:nth-child(6n+5){background:#e4d4f0;color:#5a3a8a}
.lights span:nth-child(6n){background:#f0d4c8;color:var(--red)}
.sash{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:16px;background:var(--wood);padding:4px}
.pane{background:#fffdf8;padding:16px 12px;text-align:center}
.pane:nth-child(1){background:#fdeeee}
.pane:nth-child(2){background:#eaf2f8}
.pane:nth-child(3){background:#eaf6ee}
.pane:nth-child(4){background:#fbf6e4}
.pane:nth-child(5){background:#f3eef8}
.pane:nth-child(6){background:#f8eee8}
.pane:nth-child(7){background:#eaf2f8}
.pane:nth-child(8){background:#eaf6ee}
.pane h3{font-size:15px;margin-bottom:6px}
.pane p{font-size:13px;color:var(--muted)}
.pane .kpi{display:block;margin-top:8px;font-size:12px;font-weight:800;color:var(--red)}
.shot-win{position:relative;margin-top:16px;background:var(--wood);padding:4px}
.shot-win img{width:100%;max-height:220px;object-fit:cover}
.shot-win .glass{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}
.shot-win .glass i:nth-child(1){background:rgba(196,59,59,.35)}
.shot-win .glass i:nth-child(2){background:rgba(42,111,158,.35)}
.shot-win .glass i:nth-child(3){background:rgba(45,138,90,.35)}
.shot-win .glass i:nth-child(4){background:rgba(212,160,23,.35)}
.twin{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--wood);padding:4px}
.board{background:#fffdf8;padding:16px}
.board:first-child{background:#fdeeee}
.board:last-child{background:#eaf2f8}
.bubble{margin-top:10px;font-size:14px}
.tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}
.pain{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--wood);padding:4px}
.ps{background:#fffdf8;padding:14px}
.ps h3{font-size:11px;color:var(--red);letter-spacing:.1em;margin:6px 0 4px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--wood);padding:4px}
.stats div{padding:16px;text-align:center;background:#fffdf8}
.stats strong{display:block;font-size:28px;color:var(--wood)}
.stats span{font-size:12px;color:var(--muted)}
.review{display:grid;grid-template-columns:1fr 180px;gap:4px;background:var(--wood);padding:4px}
.quote{background:#fffdf8;padding:18px}
.quote p{font-size:18px}
.quote small{display:block;margin-top:10px;color:var(--muted)}
.avatars{display:flex;flex-direction:column;gap:4px}
.avatars button{min-height:40px;border:0;background:#fffdf8;cursor:pointer;font-size:12px;color:var(--wood)}
.avatars button.is-on{background:var(--red);color:#fff;font-weight:700}
.casement{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:16px;background:var(--wood);padding:4px}
.sash-col{background:#fffdf8;padding:16px 10px;text-align:center}
.sash-col h3{font-size:14px}
.sash-col .fee{font-size:22px;font-weight:800;color:var(--red);margin:8px 0}
.sash-col ul{list-style:none;font-size:12px;color:var(--muted);margin-bottom:12px}
.cta-band{background:var(--red);color:#fff}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta-band .btn{color:#fff;border-color:#fff}
.cta-band .btn-fill{background:#fff;color:var(--red);border-color:#fff}
@media(max-width:980px){.hero-grid,.twin,.review,.pain,.stats,.sash,.casement,.lights,.window{grid-template-columns:1fr}.window{grid-template-rows:auto}.desk{grid-column:auto;grid-row:auto}.avatars{flex-direction:row;flex-wrap:wrap}.shot-win .glass{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sash,.casement{grid-template-columns:1fr 1fr}}