.industry-page .site-header{max-width:1240px}.industry-page .nav-cta{color:var(--purple)}
.industry-hero{max-width:1240px;margin:36px auto 70px;padding:0 40px;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}
.breadcrumb{font-size:12px;color:var(--muted);text-decoration:none}.industry-copy>.eyebrow{margin-top:38px}.industry-copy h1{font-size:clamp(40px,4.4vw,62px);line-height:1.08;letter-spacing:-2.6px;margin-top:19px}.industry-copy .hero-description{font-size:16px;max-width:485px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.hero-actions .text-button{margin:0}.industry-copy .micro{font-size:12px}
.roof-example{position:relative;padding-top:8px}.roof-scene{height:168px;position:relative}.roof-scene svg{width:100%;height:100%}.roof-scene>span{position:absolute;bottom:2px;right:10px;font-size:12px;letter-spacing:1.4px;color:#887995;background:var(--cream);padding:0 8px}
.roof-request{position:relative;background:#fff;border:1px solid #e1dce8;border-radius:18px;padding:25px;box-shadow:0 16px 50px #39245609;transform:rotate(-1deg)}.roof-brand{display:flex;align-items:center;gap:12px}.roof-brand strong{font-size:15px;display:block}.roof-brand small{display:block;font-size:12px;color:var(--muted)}.roof-request blockquote{font-size:17px;line-height:1.65;background:#f2eef8;border-radius:4px 14px 14px 14px;padding:19px;margin:22px 0}.roof-fields>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #efecf1;padding:10px 0}.roof-fields span{font-size:12px;color:var(--muted)}.roof-fields strong{font-size:12px;font-weight:550}.roof-fields b{color:#6f875f;margin-left:8px}.roof-followup{display:flex;align-items:center;gap:12px;margin-top:17px}.followup-dot{width:8px;height:8px;background:var(--purple);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px #f1edf9}.roof-followup p{font-size:13px;margin:0}.roof-followup small{display:block;font-size:12px;color:var(--purple);letter-spacing:1px;margin-bottom:5px}.roof-note{font-size:12px;color:var(--muted);border-top:1px solid #efecf1;padding-top:15px;margin-bottom:0}
.industry-strip{max-width:1160px;margin:0 auto;display:flex;justify-content:center;gap:42px;padding:24px;border-top:1px solid #dedbd3;border-bottom:1px solid #dedbd3;font-size:13px;color:#706976}.industry-strip span:last-child{color:var(--purple)}
.industry-section{max-width:1240px;padding:80px 40px;margin:auto}.section-intro{max-width:670px;margin-bottom:35px}.section-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1.3px;margin:13px 0}.section-intro>p:last-child{color:var(--muted);font-size:15px;max-width:560px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-grid article{border:1px solid #e1dce5;padding:27px;border-radius:14px;background:#faf9f6}.project-number{font-size:12px;color:var(--purple);letter-spacing:1.2px}.project-grid h3{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.4px;min-height:63px}.project-grid p{font-size:14px;color:var(--muted);line-height:1.8}.field-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.field-tags span{font-size:12px;background:#eeebf3;color:#71607e;border-radius:5px;padding:4px 9px}
.industry-demo-section{padding:64px 30px;background:#eeebf3}.industry-demo-section>.section-intro{text-align:center;margin:0 auto 30px}.industry-demo-section .eyebrow{justify-content:center}.industry-demo-section .section-intro>p:last-child{margin-inline:auto}.demo-retention{text-align:center;font-size:12px;color:#736b7d;margin:22px 0 0}.industry-page #demo{scroll-margin-top:25px}.industry-page .demo-ready h2{font-size:24px}.industry-page .demo-ready>p{font-size:14px}.industry-page .demo-topline{flex-wrap:wrap}.industry-page .demo-ready .demo-text-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.industry-how{margin:85px auto;padding-inline:40px;max-width:1240px}.how-intro{max-width:360px;font-size:15px;color:var(--muted)}.industry-page .faq-section{max-width:850px;padding:0 30px;margin:80px auto}.industry-page .faq-section h2{font-size:36px}.industry-close{text-align:center;background:#eae4f1;padding:65px 24px}.industry-close .eyebrow{justify-content:center}.industry-close h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.15;margin:20px 0 28px}.industry-close .text-button{text-align:center;display:block;margin:18px 0}.industry-close>p:last-child{font-size:12px;color:var(--muted)}
@media(max-width:950px){.industry-hero{gap:30px;padding-inline:25px}.industry-copy h1{font-size:43px}.roof-request{padding:20px}.project-grid{gap:12px}.project-grid article{padding:20px}.industry-strip{margin-inline:25px}.industry-page .site-header nav>a:not(.nav-cta){display:none}}
@media(max-width:700px){.industry-page .site-header{padding:18px 20px;gap:15px}.industry-page .wordmark{font-size:25px}.industry-page .site-header .wordmark img{width:26px}.industry-page .site-header .nav-cta{font-size:12px;display:block}.industry-hero{grid-template-columns:1fr;margin:15px auto 38px;gap:15px;padding:0 22px}.industry-copy>.eyebrow{margin-top:26px}.industry-copy h1{font-size:43px;letter-spacing:-2px}.desktop-break{display:none}.industry-copy .hero-description{font-size:15px}.hero-actions{gap:18px}.roof-scene{height:130px}.roof-request{transform:none}.industry-strip{flex-direction:column;gap:5px;text-align:center;margin:0 22px;padding:18px}.industry-section{padding:50px 22px}.project-grid{grid-template-columns:1fr;gap:16px}.project-grid h3{min-height:0;margin:15px 0}.project-grid article{padding:24px}.industry-demo-section{padding:45px 16px}.industry-demo-section .demo-ready{padding:24px 20px}.industry-how{padding:0 22px;margin:55px auto}.industry-page .faq-section{padding:0 22px;margin:55px auto}.industry-page .faq-section h2{font-size:30px}.industry-page .site-footer{flex-wrap:wrap;padding:25px 22px;font-size:12px}.industry-close{padding:48px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.industry-page *{animation:none!important;transition:none!important}}
.industry-directory .industry-copy h1{max-width:760px}.industry-directory .project-grid{grid-template-columns:repeat(2,1fr);margin-top:42px}.industry-directory .project-grid h2{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.4px;margin:0 0 10px}.industry-directory .project-grid h2 a{color:inherit}
@media(max-width:700px){.industry-directory .project-grid{grid-template-columns:1fr;margin-top:28px}}
nav.breadcrumb{font-size:13px}.breadcrumb a{color:inherit;text-underline-offset:3px}
.industry-guides{margin:32px 0 0;font-size:15px;color:var(--muted)}.industry-guides a{color:var(--purple);text-underline-offset:3px}