.rooftop-page{--roof-bg:#181a1c;--roof-card:#202325;--roof-text:#eee9e0;--roof-muted:#b9b7b1;--roof-gold:#e8b84b;--roof-line:#ffffff24}.rooftop-page *{box-sizing:border-box}.rooftop-page{scroll-behavior:smooth;scroll-padding-top:96px;margin:0;background:var(--roof-bg);color:var(--roof-text);font:16px/1.7 Inter,Arial,sans-serif}.rooftop-page h1,.rooftop-page h2,.rooftop-page h3{font-family:Montserrat,Arial,sans-serif;font-weight:400;line-height:1.15;letter-spacing:-.035em}.rooftop-page h1{font-size:clamp(38px,5.4vw,80px);margin:20px 0}.rooftop-page h2{font-size:clamp(30px,3.8vw,52px);margin:0 0 24px}.rooftop-page h3{font-size:23px}.rooftop-page em{font-family:Georgia,serif;font-weight:400;color:var(--roof-gold)}.rooftop-page a{color:inherit;text-underline-offset:5px}.rooftop-page p{color:var(--roof-muted)}.rooftop-page a:focus-visible,.rooftop-page button:focus-visible,.rooftop-page summary:focus-visible{outline:2px solid var(--roof-gold);outline-offset:5px}.rooftop-page header{background:#151719;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--roof-line)}.rooftop-page .head{max-width:1560px;margin:auto;min-height:72px;padding:12px 4vw;display:flex;align-items:center;gap:30px}.rooftop-page .logo{width:140px;display:block;border-radius:6px}.rooftop-page .head nav{display:flex;gap:25px;margin:auto;font:13px Montserrat,sans-serif}.rooftop-page .head nav a{text-decoration:none;white-space:nowrap}.rooftop-page .head nav a.active{color:var(--roof-gold)}.rooftop-page .phone{font-size:15px;white-space:nowrap;text-decoration:none}.rooftop-page .notice{font-size:11px;color:#b9b7b1;padding:5px 4vw;background:#202325;display:flex;justify-content:space-between}.rooftop-page .notice a{color:var(--roof-gold)}.rooftop-page .rooftop-inner{max-width:1440px;margin:auto;padding:0 4vw 60px}.rooftop-page .hero{min-height:690px;position:relative;margin:0 -4vw;padding:80px 6vw;display:flex;align-items:center;isolation:isolate;overflow:hidden}.rooftop-page .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.rooftop-page .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111715ed,#111715bd 36%,#11171525 85%),linear-gradient(0deg,#181a1c,transparent 35%);z-index:-1}.rooftop-page .hero-copy{max-width:760px}.rooftop-page .hero p{max-width:530px;font-size:18px;color:#e0e0d6}.rooftop-page .eyebrow{font-size:11px;letter-spacing:2.3px;text-transform:uppercase;color:var(--roof-gold)}.rooftop-page .crumb{font-size:12px;color:#cfcec5;margin-bottom:40px}.rooftop-page .button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:13px 24px;border-radius:6px;background:var(--roof-gold);color:#211b12;border:1px solid var(--roof-gold);text-decoration:none;font:500 14px Inter,Arial;cursor:pointer}.rooftop-page .ghost{background:transparent;color:var(--roof-text);border-color:#ffffff55}.rooftop-page .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.rooftop-page .credit{position:absolute;bottom:25px;right:5vw;font-size:10px;max-width:270px;color:#ddd;text-align:right}.rooftop-page .section{padding:75px 0;border-top:1px solid var(--roof-line)}.rooftop-page .section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}.rooftop-page .section-intro h2{margin-bottom:0;max-width:680px}.rooftop-page .section-intro p{max-width:380px;margin:0}.rooftop-page .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:22px 0 35px}.rooftop-page .strip div{border-left:1px solid var(--roof-line);padding-left:22px}.rooftop-page .strip b{font-weight:400;font-size:18px}.rooftop-page .strip small{display:block;color:var(--roof-muted);font-size:13px;margin-top:4px}.rooftop-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rooftop-page .two{grid-template-columns:repeat(2,minmax(0,1fr))}.rooftop-page .card{background:var(--roof-card);padding:26px;border:1px solid var(--roof-line);border-radius:8px;overflow:hidden}.rooftop-page .card p{font-size:15px}.rooftop-page .number{font-size:11px;letter-spacing:2px;color:var(--roof-gold)}.rooftop-page .photo-card{margin:0;position:relative}.rooftop-page .photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}.rooftop-page .photo-card figcaption{font-size:12px;margin-top:10px;color:var(--roof-muted)}.rooftop-page .photo-card h3{color:var(--roof-text);font-size:24px;margin:15px 0 8px}.rooftop-page .wide{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.rooftop-page .selector{display:flex;gap:12px;margin:32px 0 24px;flex-wrap:wrap}.rooftop-page .selector button{background:transparent;border:1px solid var(--roof-line);border-radius:50px;color:var(--roof-text);padding:13px 22px;cursor:pointer;font:14px Inter}.rooftop-page .selector button[aria-pressed=true]{background:var(--roof-gold);color:#211b12;border-color:var(--roof-gold)}.rooftop-page .solution{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center}.rooftop-page .solution figure{margin:0}.rooftop-page .solution figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.rooftop-page .solution figcaption{font-size:11px;color:var(--roof-muted);padding-top:10px}.rooftop-page .solution li{margin:12px 0;color:var(--roof-muted)}.rooftop-page .solution h3{font-size:35px;margin-top:10px}.rooftop-page .diagram{background:#22282a;border:1px solid #ffffff20;border-radius:10px;padding:25px;position:relative}.rooftop-page .diagram svg{width:100%;height:auto;display:block}.rooftop-page .diagram text{font-family:Inter,Arial}.rooftop-page .legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.rooftop-page .legend div{font-size:13px;color:var(--roof-muted)}.rooftop-page .legend b{color:var(--roof-gold);margin-right:8px}.rooftop-page .small{font-size:12px}.rooftop-page .muted{color:var(--roof-muted)}.rooftop-page .product{background:#202325;border:1px solid var(--roof-line);border-radius:8px;overflow:hidden}.rooftop-page .product>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:white;display:block}.rooftop-page .product .info{padding:22px}.rooftop-page .product h3{margin:8px 0}.rooftop-page .product p{font-size:13px}.rooftop-page .product a{font-size:13px;color:var(--roof-gold)}.rooftop-page .feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.rooftop-page .feature img{width:100%;max-height:470px;object-fit:contain;background:white;border-radius:8px}.rooftop-page .check-row{border-top:1px solid var(--roof-line);padding:18px 0;display:grid;grid-template-columns:40px 1fr;gap:15px}.rooftop-page .check-row span{color:var(--roof-gold);font-size:13px}.rooftop-page .check-row h3{margin:0 0 6px;font-size:20px}.rooftop-page .check-row p{margin:0;font-size:14px}.rooftop-page .dark{background:linear-gradient(120deg,#2b302c,#202325);padding:45px;border-radius:8px;border:1px solid var(--roof-line)}.rooftop-page details{padding:22px 0;border-bottom:1px solid var(--roof-line)}.rooftop-page summary{cursor:pointer;list-style-position:outside;margin-left:18px}.rooftop-page article{max-width:820px;margin:auto;padding:50px 0}.rooftop-page article h1{font-size:clamp(34px,4vw,52px)}.rooftop-page article h2{font-size:28px;margin:40px 0 18px}.rooftop-page article p{line-height:1.85}.rooftop-page .article-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:8px;margin:20px 0 0}.rooftop-page .table-wrap{overflow-x:auto}.rooftop-page table{border-collapse:collapse;width:100%;font-size:14px}.rooftop-page td,.rooftop-page th{border-bottom:1px solid var(--roof-line);padding:15px;text-align:left}.rooftop-page th{color:var(--roof-gold)}.rooftop-page .pills{display:flex;gap:15px;flex-wrap:wrap}.rooftop-page .pills span{border:1px solid var(--roof-line);padding:8px 13px;border-radius:30px}.rooftop-page footer{background:#151719;padding:35px 5vw;font-size:12px;color:var(--roof-muted);display:flex;justify-content:space-between;gap:30px}.rooftop-page .mobile-menu{display:none}.rooftop-page .source{font-size:11px;color:#aead9f}.rooftop-page .compact-hero{padding:60px 0 35px;max-width:930px}.rooftop-page .compact-hero h1{font-size:clamp(36px,5vw,65px)}@media(min-width:1440px){.rooftop-page .hero{margin:0 calc((1440px - 100vw)/2 - 4vw)}}@media(max-width:1100px){.rooftop-page .phone{display:none}.rooftop-page .head nav{gap:16px}}@media(max-width:900px){.rooftop-page .head nav{gap:12px;font-size:11px}.rooftop-page .phone{display:none}.rooftop-page .feature,.rooftop-page .solution{grid-template-columns:1fr;gap:24px}.rooftop-page .section-intro{display:block}.rooftop-page .section-intro p{margin-top:22px}.rooftop-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooftop-page .hero{min-height:650px}.rooftop-page .hero h1{font-size:56px}}@media(max-width:600px){.rooftop-page .head{min-height:65px;justify-content:space-between}.rooftop-page .head nav{display:none}.rooftop-page .mobile-menu{display:block;position:relative}.rooftop-page .mobile-menu summary{font-size:13px;padding:8px}.rooftop-page .mobile-menu>div{position:absolute;right:0;background:#202325;padding:20px;min-width:220px;border:1px solid var(--roof-line);display:grid;gap:12px}.rooftop-page .mobile-menu a{text-decoration:none}.rooftop-page .notice{font-size:10px}.rooftop-page .notice span{max-width:75%}.rooftop-page .hero{min-height:720px;padding:42px 6vw 90px;align-items:flex-start}.rooftop-page .hero>img{object-position:65% center}.rooftop-page .hero:after{background:linear-gradient(90deg,#111715e8,#11171560),linear-gradient(0deg,#181a1c,transparent 50%)}.rooftop-page .hero h1{font-size:41px;line-height:1.12}.rooftop-page .hero p{font-size:16px}.rooftop-page .crumb{margin-bottom:35px}.rooftop-page .credit{left:6vw;right:auto;text-align:left;bottom:27px}.rooftop-page .actions{gap:12px}.rooftop-page .button{padding:13px 18px}.rooftop-page .strip{grid-template-columns:1fr;gap:18px;padding-top:15px}.rooftop-page .strip div{padding-left:15px}.rooftop-page .section{padding:46px 0}.rooftop-page .grid,.rooftop-page .two{grid-template-columns:1fr}.rooftop-page .selector{gap:8px}.rooftop-page .selector button{font-size:12px;padding:11px 13px}.rooftop-page .diagram{padding:12px}.rooftop-page .legend{grid-template-columns:1fr}.rooftop-page .dark{padding:25px}.rooftop-page .section-intro{margin-bottom:25px}.rooftop-page .solution h3{font-size:28px}.rooftop-page .feature{gap:25px}.rooftop-page footer{display:block}.rooftop-page .photo-card img{aspect-ratio:4/3}.rooftop-page article{padding-top:35px}.rooftop-page .compact-hero{padding-top:40px}}.rooftop-page .lead-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:start}.rooftop-page .lead-grid h2{font-size:clamp(28px,3vw,42px)}.rooftop-page .lead-form label{display:block;font-size:14px;color:var(--roof-text);margin-bottom:8px}.rooftop-page .lead-form label span{font-size:12px}.rooftop-page .fields input,.rooftop-page .fields textarea{display:block;width:100%;min-height:49px;padding:13px 15px;border:1px solid #ffffff55;border-radius:5px;background:#181a1c;color:var(--roof-text);font:16px Inter,Arial;margin-bottom:18px}.rooftop-page .fields input::placeholder,.rooftop-page .fields textarea::placeholder{color:#a9aaa5}.rooftop-page .fields textarea{resize:vertical}.rooftop-page .fields :focus-visible{outline:2px solid var(--roof-gold);outline-offset:2px}.rooftop-page .lead-form .consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5;margin:16px 0}.rooftop-page .consent input{width:19px;height:19px;flex-shrink:0;accent-color:var(--roof-gold);margin:2px 0}.rooftop-page .form-error{color:#ffb8ad;font-size:13px;margin:8px 0}.rooftop-page .form-result{color:#d8e6bd;font-size:14px}.rooftop-page .demo-note{font-size:11px!important;color:#b9b7b1!important;margin:10px 0 0}.rooftop-page .lead-form .button{width:100%}.rooftop-page .lead-dialog{color:var(--roof-text);background:#202325;border:1px solid #ffffff40;border-radius:12px;padding:30px;width:min(520px,calc(100% - 24px));max-height:90dvh;overflow:auto}.rooftop-page .lead-dialog::backdrop{background:#000b}.rooftop-page .lead-dialog h2{font-size:30px;padding-right:28px}.rooftop-page .dialog-close{position:absolute;top:12px;right:12px;background:transparent;color:var(--roof-text);border:1px solid #ffffff40;border-radius:5px;width:40px;height:40px;font-size:25px;cursor:pointer}.rooftop-page .dialog-context{font-size:14px;color:var(--roof-gold)}.rooftop-page .quick-contact{position:fixed;bottom:18px;right:20px;z-index:25;box-shadow:0 8px 30px #0007}.rooftop-page .section-cta{margin-top:24px}.rooftop-page .product button{color:var(--roof-gold);border:1px solid #ffffff40;background:transparent;padding:12px 16px;border-radius:5px;cursor:pointer;font:14px Inter}.rooftop-page .hero-title{font-family:Montserrat,Arial!important;font-size:clamp(38px,5.4vw,80px)!important;line-height:1.15!important;letter-spacing:-.035em;max-width:760px!important;margin:20px 0!important;color:var(--roof-text)!important}.rooftop-page .hero h1.eyebrow{font:11px/1.6 Inter,Arial;letter-spacing:2.3px;color:var(--roof-gold)}.rooftop-page [aria-invalid=true]{border-color:#ffb8ad!important}@media(max-width:900px){.rooftop-page .lead-grid{grid-template-columns:1fr;gap:22px}.rooftop-page .hero-title{font-size:56px!important}.rooftop-page .head nav{gap:10px}.rooftop-page .head{gap:16px}}@media(max-width:760px){.rooftop-page .head nav{display:none}.rooftop-page .mobile-menu{display:block;position:relative}.rooftop-page .head{justify-content:space-between}.rooftop-page .mobile-menu>div{position:absolute;right:0;min-width:230px;background:#202325;padding:20px;display:grid;gap:12px}}@media(max-width:600px){.rooftop-page .hero-title{font-size:41px!important}.rooftop-page .hero h1.eyebrow{font-size:10px}.rooftop-page .quick-contact{bottom:0;right:0;left:0;border-radius:0;min-height:54px;padding-bottom:calc(13px + env(safe-area-inset-bottom))}.rooftop-page{padding-bottom:80px}.rooftop-page .lead-dialog{padding:25px 20px}.rooftop-page .lead-grid{gap:12px}.rooftop-page .lead-form .button{min-height:50px}}@media(prefers-reduced-motion:reduce){.rooftop-page{scroll-behavior:auto}}.rooftop-page{overflow:clip}.rooftop-page .production-cta{align-self:center}.rooftop-page .quick-contact{bottom:90px}