/* Shared reference system: distinct home compositions, consistent inner pages. */
.reference-layout{--content-width:1200px;font-family:Inter,"Segoe UI",Arial,sans-serif}.reference-layout h2{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em}.reference-layout h3{font-size:17px}.reference-layout .section{padding:32px 28px}.reference-layout .cms-instance:not(.instance-kind-hero){max-width:1200px;margin:0 auto;padding:var(--instance-padding,28px) 28px;border-radius:0}.reference-layout .cms-instance .section-heading h2{font-size:var(--instance-heading-size,clamp(24px,2.3vw,32px))}.reference-layout .section-heading{margin-bottom:18px}.reference-layout .section-heading .eyebrow{display:none}.reference-layout .section-heading p{font-size:14px;line-height:1.6;margin:8px 0}.reference-layout .button{min-height:42px;padding:10px 18px;font-size:14px}.reference-layout .themed-header{min-height:var(--header-height,72px);padding:10px max(24px,calc((100% - 1144px)/2));gap:22px}.reference-layout .themed-header .brand{max-width:250px}.reference-layout .themed-header .brand-logo{max-height:50px}.reference-layout .themed-header .desktop-nav,.reference-layout .themed-header nav>a{font-size:var(--menu-size,16px)}.reference-layout .theme-hero-slide{min-height:510px}.reference-layout .theme-hero-container{max-width:1200px;padding:56px 28px 72px}.reference-layout .theme-hero-copy h1{font-size:clamp(34px,3.8vw,52px)}.reference-layout .theme-hero-intro{font-size:16px!important;line-height:1.6}.reference-layout .theme-trust-strip{max-width:1144px;padding:22px 14px;gap:12px;border-radius:8px}.reference-layout .theme-trust-item p{font-size:13px}.reference-layout .theme-trust-item>span{width:44px;height:44px}.reference-layout .card-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.reference-layout .service-card{padding:0;border-radius:8px;overflow:hidden}.reference-layout .service-card h3,.reference-layout .service-card p{margin:12px 16px}.reference-layout .service-card p{font-size:13px;line-height:1.55}.reference-service-photo{width:100%;height:170px;object-fit:cover}.reference-layout .reference-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-layout .reference-benefits .service-card{padding:22px 12px;text-align:center;background:var(--paper)}.reference-layout .reference-benefits .icon-tile{width:42px;height:42px;margin:0 auto 12px;background:transparent}.reference-layout .reference-benefits h3{margin:8px 0;font-size:16px}.reference-layout .reference-benefits p{font-size:13px;margin:0}.reference-home.design-jyoti-corporate .section-services .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-home .section-products .card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reference-home .section-products .product-image{height:140px;background:var(--surface)}.reference-home .section-products .product-image img{object-fit:cover}.reference-home .section-products .card-content{padding:12px}.reference-home .section-products .card-content h3{font-size:14px;margin:0}.reference-home .section-products .card-content p,.reference-home .section-products .card-content a{display:none}.reference-layout .reference-benefit-split{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.reference-benefit-split img{width:100%;height:250px;object-fit:cover;border-radius:8px}.reference-benefit-split ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}.reference-benefit-split li{display:flex;gap:12px;align-items:center;font-size:15px}.reference-benefit-split .cms-icon{width:22px;height:22px;color:var(--accent)}.reference-home .theme-process{gap:12px;padding-top:12px}.reference-home .theme-process li{padding-top:26px}.reference-home .theme-process h3{font-size:14px;margin:10px 0}.reference-home .theme-process p,.reference-home .theme-process details{display:none}.reference-home .theme-process>.cms-icon{width:26px;height:26px}.reference-layout .cms-instance:is(.instance-kind-estimate,.instance-kind-cta){padding:0;margin:20px auto}.reference-layout .theme-calculator-preview{grid-template-columns:1.25fr 1fr;gap:28px;border-radius:9px;background:var(--secondary);color:var(--secondary-ink);padding:26px 32px}.reference-layout .theme-calculator-preview>div:first-child{order:2}.reference-layout .theme-calculator-preview h2,.reference-layout .theme-calculator-preview p{color:inherit}.reference-layout .theme-calculator-preview .eyebrow{display:none}.reference-layout .theme-calculator-preview p{font-size:14px;line-height:1.6}.reference-layout .theme-calculator-preview .button{margin-top:14px}.reference-layout .theme-calculator-visual{min-height:220px;padding:20px;border:0;border-radius:8px}.reference-layout .calculator-formula{font-size:20px;padding:12px 18px}.reference-layout .calculator-formula .cms-icon{width:30px;height:30px}.reference-layout .theme-final-cta{padding:24px 28px!important;background:var(--accent);color:var(--accent-ink);border-radius:0;margin-block:0!important}.reference-layout .theme-final-cta h2{font-size:24px;color:inherit}.reference-layout .theme-final-cta p{font-size:14px;margin:8px 0 0;color:inherit}.reference-layout .theme-final-cta>.button{background:var(--paper);color:var(--ink)}.reference-layout .reference-faq-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:28px;align-items:start}.reference-faq-layout>img{width:100%;height:320px;border-radius:8px;object-fit:cover}.reference-home .faq-categories{display:block}.reference-home .faq-category{padding:0;border:0;background:transparent}.reference-home .faq-category h3{display:none}.reference-home .faq-list details{margin:0 0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:10px 14px}.reference-home .faq-list summary{font-size:14px;font-weight:500}.reference-home.design-jyoti-corporate .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.reference-layout .reference-audiences{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;text-align:center}.reference-audiences>div{display:grid;justify-items:center;gap:12px;font-size:14px}.reference-audiences .cms-icon{width:32px;height:32px;color:var(--secondary)}.reference-layout .project-card>img{width:100%;height:180px;object-fit:cover}.reference-layout .card-content{padding:16px}.reference-layout .project-card h3{font-size:16px}.reference-example-tag{font-size:11px;color:var(--muted);text-transform:uppercase}.reference-layout .footer-shell .footer-unified{padding-block:36px;gap:26px}.reference-layout .footer-unified h2{font-size:16px}.reference-layout .footer-unified :is(p,a){font-size:13px}.reference-layout .site-footer{padding-block:14px}.reference-layout .footer-brand .brand{max-width:230px}.reference-layout .theme-industries{grid-template-columns:1fr;padding-block:30px}.reference-layout .theme-industries aside{display:none}.reference-layout .industry-grid{gap:16px}.reference-layout .industry-grid>a{font-size:13px}.reference-layout .industry-grid .cms-icon{width:28px;height:28px}.reference-home.design-commercial-epc .section-services .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-home.design-commercial-epc .theme-commercial-contact{grid-template-columns:1fr 2fr;gap:28px}.reference-layout .theme-enquiry-card{padding:22px;border-radius:9px}.reference-layout .theme-enquiry-card input,.reference-layout .theme-enquiry-card select{min-height:38px;font-size:13px}.reference-layout.design-solar-lead .theme-hero-slide{min-height:690px}.reference-layout.design-solar-lead .theme-hero-container{padding-right:440px}.reference-layout.design-solar-lead .hero-enquiry-position{width:340px;top:145px}.reference-layout.design-solar-lead .theme-trust-strip,.reference-layout.design-commercial-epc .theme-trust-strip{max-width:none;border-radius:0}.reference-inner .page-banner{padding:44px 28px;background:var(--surface);border-bottom:1px solid var(--line)}.reference-inner .page-banner-inner{max-width:1144px;margin:auto}.reference-inner .page-banner h1{font-size:clamp(30px,4vw,46px);line-height:1.2}.reference-inner .page-banner p{max-width:800px;font-size:16px}.reference-inner .breadcrumbs{font-size:13px;margin-bottom:18px}.reference-inner.design-commercial-epc .page-banner,.reference-inner.design-solar-lead .page-banner{background:var(--secondary);color:var(--secondary-ink)}.reference-inner.design-commercial-epc .page-banner h1,.reference-inner.design-solar-lead .page-banner h1,.reference-inner.design-commercial-epc .breadcrumbs a,.reference-inner.design-solar-lead .breadcrumbs a{color:inherit}.reference-inner .article-page{max-width:960px;margin:36px auto;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.reference-inner .article-body{font-size:16px;line-height:1.85}.reference-inner .article-body p{font-size:16px}.reference-inner .page-empty{padding:40px 28px}
@media(max-width:1000px){.reference-home .section-products .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-home.design-commercial-epc .section-services .card-grid,.reference-home.design-jyoti-corporate .section-services .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-layout .reference-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.reference-layout .themed-header{padding:12px 16px;min-height:68px}.reference-layout .theme-hero-slide{min-height:550px}.reference-layout .theme-hero-container{padding:42px 22px 60px}.reference-layout .theme-hero-copy h1{font-size:38px}.reference-layout .cms-instance:not(.instance-kind-hero){padding:24px 20px}.reference-layout .theme-trust-strip{padding:20px;gap:16px;margin:0}.reference-layout .reference-benefit-split,.reference-layout .reference-faq-layout,.reference-layout .theme-calculator-preview,.reference-home.design-commercial-epc .theme-commercial-contact{grid-template-columns:1fr;gap:22px}.reference-layout .theme-calculator-preview>div:first-child{order:0}.reference-layout .cms-instance:is(.instance-kind-estimate,.instance-kind-cta){padding:0;margin:12px 0}.reference-layout .theme-calculator-preview{border-radius:0;padding:24px 20px}.reference-layout .reference-audiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-home .section-products .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-layout .card-grid{grid-template-columns:1fr}.reference-home.design-jyoti-corporate .faq-list{grid-template-columns:1fr}.reference-layout.design-solar-lead .theme-hero-container{padding:35px 22px 55px}.reference-layout.design-solar-lead .theme-hero-slide{min-height:550px}.reference-layout.design-solar-lead .hero-enquiry-position{position:relative;width:auto;top:auto;margin:0 20px 22px}.reference-layout .reference-faq-layout>img{height:230px}.reference-layout .reference-benefit-split>img{height:220px}.reference-layout .reference-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-layout .theme-final-cta{display:block}.reference-layout .theme-final-cta>.button{margin-top:18px}.reference-inner .page-banner{padding:32px 22px}.reference-inner .article-page{margin:20px 16px;padding:22px}.reference-inner .page-banner h1{font-size:32px}}

.reference-layout .reference-commercial-form{grid-template-columns:2fr 1fr}.reference-proposal-callout{position:relative;min-height:400px;border-radius:9px;overflow:hidden;isolation:isolate;background:var(--secondary);color:var(--secondary-ink)}.reference-proposal-callout>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.reference-proposal-callout:after{content:"";position:absolute;inset:0;background:linear-gradient(#071d3bf5,#071d3b90);z-index:-1}.reference-proposal-callout>div{padding:28px}.reference-proposal-callout h3{font-size:26px;color:inherit}.reference-proposal-callout p{color:inherit;font-size:15px;line-height:1.7}.reference-home.design-solar-lead .section-roadmap .theme-process{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-layout .theme-enquiry-card .button{min-height:40px}.reference-layout .reference-commercial-form .theme-enquiry-card{background:var(--surface);box-shadow:none}
@media(max-width:767px){.reference-layout .reference-commercial-form{grid-template-columns:1fr}.reference-home.design-solar-lead .section-roadmap .theme-process{grid-template-columns:1fr}.reference-proposal-callout{min-height:250px}}

.reference-layout .theme-final-cta{background:var(--instance-background,var(--accent));padding:var(--instance-padding,24px) 28px!important}.reference-layout .theme-final-cta h2{color:var(--instance-heading,inherit)}.reference-layout .theme-final-cta p{color:var(--instance-text,inherit)}.reference-layout .theme-calculator-preview{background:var(--instance-background,var(--secondary));padding:var(--instance-padding,26px) 32px}.reference-layout .theme-calculator-preview h2{color:var(--instance-heading,inherit)}

.reference-layout .service-card{display:block;grid-template-columns:none}.reference-layout .reference-service-photo{display:block;width:100%;height:170px;object-fit:cover}.reference-layout.design-commercial-epc .theme-commercial-contact.reference-commercial-form{grid-template-columns:2fr 1fr}.reference-layout .reference-commercial-form>.theme-enquiry-card:first-child{display:block;align-items:normal}.reference-layout .theme-enquiry-card h2{color:var(--accent)}.reference-layout .reference-proposal-callout :is(h3,p){color:#ffffff}.reference-layout.design-commercial-epc .theme-hero-intro,.reference-layout.design-residential-solar .theme-hero-intro{color:var(--instance-text,var(--banner-text,#ffffff))!important}.reference-layout.design-jyoti-corporate .theme-hero-intro,.reference-layout.design-solar-lead .theme-hero-intro{color:var(--instance-text,var(--banner-text,#17233d))!important}.reference-layout .reference-commercial-form .theme-fields-grid,.reference-layout .reference-commercial-form .theme-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.reference-layout .reference-commercial-form .theme-extra-grid>.theme-field:last-child{grid-column:1/-1}.reference-layout .reference-commercial-form .theme-field label{margin-top:4px}.reference-layout .reference-commercial-form .theme-extra-fields{padding-top:12px}.reference-layout .reference-commercial-form .theme-extra-fields summary{margin-bottom:10px}.reference-layout .reference-commercial-form .theme-enquiry-card .consent{margin-top:12px}.reference-layout .reference-commercial-form .theme-field{min-width:0}
@media(max-width:767px){.reference-layout.design-commercial-epc .theme-commercial-contact.reference-commercial-form{grid-template-columns:1fr}.reference-layout .reference-commercial-form .theme-fields-grid,.reference-layout .reference-commercial-form .theme-extra-grid{grid-template-columns:1fr}.reference-layout .reference-commercial-form .theme-extra-grid>.theme-field:last-child{grid-column:auto}}

.reference-layout .theme-calculator-preview>.theme-calculator-visual{order:2}.reference-calculator-mini{background:#fffffff2;color:#10213b;min-width:170px;width:190px;padding:16px;border-radius:8px;box-shadow:0 10px 30px #10213b30;font-size:11px;line-height:1.4;align-self:flex-end;position:relative}.reference-calculator-mini>strong{font-size:14px}.reference-mini-tabs{display:flex;gap:8px;margin:12px 0}.reference-mini-tabs span{background:#e7eef8;padding:5px 9px;border-radius:4px}.reference-mini-input{border:1px solid #d8dfeb;padding:8px;border-radius:4px;margin-bottom:12px}.reference-mini-input b{display:block;font-size:14px;margin-top:4px}.reference-mini-action{background:var(--accent);color:var(--accent-ink);padding:8px;border-radius:4px;text-align:center;font-weight:600}.reference-layout .theme-calculator-visual:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.reference-inner .reference-examples{margin-top:20px}
@media(max-width:767px){.reference-layout .theme-calculator-preview>.theme-calculator-visual{order:0}}

.reference-layout .reference-commercial-form .theme-enquiry-card{color:var(--ink)}.reference-layout .reference-commercial-form .theme-enquiry-card>p{color:var(--muted)}.reference-layout.appearance-dark .reference-audiences .cms-icon{color:var(--ink)}

.reference-layout.design-commercial-epc .theme-final-cta{background:var(--instance-background,var(--secondary));color:var(--secondary-ink)}

.reference-layout .reference-language-menu{position:relative;border:0;padding:0;background:var(--secondary);color:var(--secondary-ink);border-radius:6px;font-size:12px}.reference-language-menu summary{list-style:none;padding:7px 10px;cursor:pointer;white-space:nowrap}.reference-language-menu summary::-webkit-details-marker{display:none}.reference-language-menu nav{position:absolute;right:0;top:calc(100% + 8px);min-width:120px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:7px;box-shadow:0 8px 20px #10213b15;z-index:40}.reference-language-menu nav a{display:block;padding:8px;color:inherit!important;font-size:13px!important;white-space:nowrap}.reference-language-menu nav a[aria-current=true]{font-weight:700;background:var(--surface)}.reference-language-menu summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
