.tech-hero.company-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:linear-gradient(125deg,#071f50,#164da5);position:relative;overflow:hidden}.tech-hero.company-hero:after{content:"";position:absolute;width:280px;height:280px;border:45px solid #ffffff0b;border-radius:50%;right:-90px;top:-140px}.company-logo{width:92px;height:92px;object-fit:contain;padding:9px;border-radius:16px;background:#fff;position:relative;z-index:1}.company-identity{position:relative;z-index:1}.company-identity h1{margin:4px 0 7px}.company-identity p{max-width:720px;opacity:.88}.portal-badge{position:relative;z-index:1;padding:12px 18px;border:1px solid #ffffff33;border-radius:14px;text-align:center}.portal-badge b{display:block;font-size:22px}.roof-designer{overflow:hidden}.roof-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.35fr);gap:22px}.roof-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.roof-controls label{font-size:12px;font-weight:700}.roof-controls input,.roof-controls select{width:100%;margin-top:5px}.roof-target{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:8px}.roof-target button{height:42px;width:44px;border:0;border-radius:10px;background:#123a7a;color:#fff;font-size:24px}.roof-canvas-wrap{min-height:400px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#d9e0e8,#a8b2be);box-shadow:inset 0 0 0 8px #fff7}.roof-canvas{height:100%;min-height:364px;padding:24px;background:repeating-linear-gradient(135deg,#687583 0,#687583 16px,#727f8c 16px,#727f8c 32px);border:8px solid #4f5a64;border-radius:10px;box-shadow:0 14px 24px #0a1b3044}.roof-panel-grid{display:grid;grid-template-columns:repeat(var(--roof-cols),minmax(22px,1fr));align-content:start;gap:6px;height:100%}.solar-panel{position:relative;min-height:52px;aspect-ratio:1.1/1.8;border:3px solid #dce8ff;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0,transparent 23%,#7ca1e733 24%,transparent 25%),repeating-linear-gradient(0deg,transparent 0,transparent 23%,#7ca1e733 24%,transparent 25%),linear-gradient(145deg,#123a88,#031a52);box-shadow:0 4px 7px #00143b66;animation:panelIn .22s ease both}.solar-panel i{position:absolute;inset:4px;border:1px solid #8bb4ff66}.solar-panel span{position:absolute;right:3px;bottom:2px;color:#fff9;font-size:8px}.roof-empty{grid-column:1/-1;margin:auto;padding:22px;border-radius:12px;background:#fff;color:#24344f;text-align:center}.roof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.roof-stat{padding:14px;border-radius:13px;background:#edf4ff}.roof-stat span{display:block;color:#68748a;font-size:11px}.roof-stat b{display:block;margin-top:4px;color:#123a7a;font-size:18px}.roof-note{margin-top:12px;padding:12px;border-left:4px solid #ef7d00;background:#fff8ed}.roof-layout-label{margin:10px 0;color:#35435e;font-weight:700}@keyframes panelIn{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.tech-hero.company-hero{grid-template-columns:68px 1fr;padding:18px 14px}.company-logo{width:66px;height:66px}.company-identity h1{font-size:21px}.company-identity p{font-size:11px}.portal-badge{display:none}.roof-layout{grid-template-columns:1fr}.roof-controls{grid-template-columns:1fr 1fr}.roof-canvas-wrap{min-height:330px;padding:10px}.roof-canvas{min-height:310px;padding:10px}.roof-panel-grid{gap:3px}.solar-panel{min-height:35px;border-width:2px}.roof-stats{grid-template-columns:1fr 1fr}.roof-stat b{font-size:15px}}