@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/manrope-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/manrope-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/manrope-800.ttf) format('truetype');
}

:root{--navy:#102c40;--green:#b5d852;--ink:#143042;--muted:#64747c;--paper:#f5f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #56a6dc;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:20;padding:10px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0eb}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand img{border-radius:50%;object-fit:cover}.brand b{color:#6f9631}.brand small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:600;margin-top:6px}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover{color:#7b9a38}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--navy);padding:18px 25px;font-size:13px;font-weight:800;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#c7e77c;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:12px 17px;gap:20px;font-size:12px}.menu{display:none}.hero{min-height:650px;height:calc(100vh - 100px);max-height:860px;position:relative;background:#153747;color:white;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/solar.jpg') center 55%/cover}.hero-shade{background:linear-gradient(90deg,rgba(4,27,43,.94),rgba(5,32,49,.7) 45%,rgba(8,32,49,.13)),linear-gradient(0deg,rgba(3,24,38,.65),transparent 45%)}.hero-content{position:relative;padding:50px 8%;width:100%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#c1df87;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(50px,5.8vw,86px);letter-spacing:-4px;line-height:1.1;margin:0 0 27px;font-weight:600}em{font-style:normal;color:var(--green)}.intro{max-width:570px;font-size:15px;color:#d0dce0;line-height:1.9}.actions{display:flex;align-items:center;gap:35px;margin-top:35px}.plain{font-size:12px;font-weight:700;display:flex;gap:22px}.hero-bottom{position:absolute;bottom:28px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;font-weight:700;color:#d9e1df}.image-note{position:absolute;right:12px;bottom:5px;font-size:9px;color:#fff9}.promise{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 8%;background:var(--paper);gap:30px}.promise div{display:flex;align-items:center;gap:22px}.promise span{font-size:11px;color:#7c9746}.promise strong{font-size:13px;font-weight:600}.section{padding:100px 8%;scroll-margin-top:0}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.dark{color:#71913e}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.2;letter-spacing:-1.9px;font-weight:600;margin:0 0 20px}.section-head p:not(.eyebrow),.about-copy>p:not(.eyebrow),.faq>div>p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:14px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution{position:relative;padding:30px 30px 35px;background:#f2f5ee;min-height:370px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.solution.featured{background:var(--navy);color:white}.line-icon{font-size:37px;line-height:1;color:#7b9b3b}.featured .line-icon{color:var(--green)}.number{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#82956e;margin-top:35px}h3{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin:12px 0}.solution p:last-child{font-size:12px;max-width:260px;color:var(--muted)}.featured p:last-child{color:#c0d0d7}.solution>a{position:absolute;right:25px;top:25px;font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:20px}.about-art{height:470px;position:relative;border-radius:4px;overflow:hidden;background:var(--navy)}.about-art>img{width:100%;height:100%;object-fit:cover;object-position:75%;filter:brightness(.7)}.art-label{position:absolute;bottom:40px;left:35px;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.5px;color:white}.about-copy>p{line-height:1.9}.about-sign{display:flex;gap:20px;margin-top:28px;border-top:1px solid #e1e6df;padding-top:20px;align-items:center}.about-sign p{font-size:13px;line-height:1.7}.sun{color:#8aac3e;font-size:46px}.process{background:var(--navy);color:white}.process .section-head p:not(.eyebrow){color:#b9c9d0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:1px solid #526672;padding-top:26px}.steps span{font-size:13px;color:var(--green)}.steps h3{font-size:16px;margin-top:30px}.steps p{font-size:12px;color:#b9c9d0}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4e9e2;border-left:1px solid #e4e9e2}.partner-grid>span{padding:32px 15px;text-align:center;border-right:1px solid #e4e9e2;border-bottom:1px solid #e4e9e2;font-size:17px;font-weight:800;letter-spacing:-.5px}.partner-grid small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;margin-top:4px}.text-link{font-size:12px;font-weight:800;display:inline-block;margin-top:10px;border-bottom:1px solid #a1b77b;padding-bottom:5px}.caption{font-size:10px;color:#829087;margin-top:16px}.faq{background:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.questions details{border-bottom:1px solid #d9e0d4}.questions summary{padding:24px 0;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:13px;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:#7c9e3d;font-size:20px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:12px;color:var(--muted);margin-top:0;padding-right:30px}.contact{display:grid;grid-template-columns:2fr 1fr;background:#e3edcd;gap:60px}.contact em{color:#6d8d35}.contact-main>p:not(.eyebrow){font-size:14px;max-width:440px;color:#53654a}.navy{background:var(--navy);color:white;margin-top:20px}.navy:hover{background:#224c62}.contact aside{border-left:1px solid #bdcea6;padding:20px 0 0 55px;position:relative}.contact aside h3{font-size:26px}.contact aside>p:not(.eyebrow){font-size:14px}.contact aside>a{font-size:13px;font-weight:700}.pin{position:absolute;right:0;top:0;font-size:40px;color:#819c51}footer{padding:35px 8%;display:flex;align-items:center;gap:35px;background:#0c2638;color:white}footer .brand{margin-right:auto;font-size:19px}footer p,footer>a:not(.brand){font-size:10px;color:#b9c7ce}footer .brand small{font-size:6px}
@media(min-width:1600px){.section,.hero-content{padding-left:max(8%,calc((100vw - 1300px)/2));padding-right:max(8%,calc((100vw - 1300px)/2))}}@media(max-width:1100px){nav{gap:17px}.brand{font-size:19px}.navcta{display:none}.about,.faq{gap:40px}.solution{padding:25px}.partner-grid>span{font-size:14px}}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:20px}.brand img{width:46px;height:46px}.menu{display:block;background:none;border:1px solid #d9e1d3;border-radius:3px;padding:5px 12px;font-size:22px;color:var(--navy)}nav{display:none;position:absolute;left:0;right:0;top:80px;background:white;padding:24px 6%;box-shadow:0 10px 20px #0012}nav.open{display:flex;flex-direction:column;gap:18px}.hero{min-height:660px;height:calc(90svh - 80px);max-height:800px}.hero-content{padding:60px 7% 90px}.hero-image{background-position:60%}.hero-shade{background:linear-gradient(90deg,#071f33e8,#071f3388),linear-gradient(0deg,#071f3377,transparent)}h1{font-size:52px;letter-spacing:-2.6px}.eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.8}.intro{font-size:13px;line-height:1.9}.actions{flex-direction:column;align-items:flex-start;gap:25px}.button{padding:16px 20px;font-size:12px}.hero-bottom{bottom:25px;left:7%;right:7%;font-size:7px;letter-spacing:1.2px}.hero-bottom span:last-child{display:none}.promise{grid-template-columns:1fr;padding:25px 7%;gap:15px}.promise strong{font-size:12px}.promise div{gap:16px}.section{padding:65px 7%}.section-head{grid-template-columns:1fr;gap:0;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.5px}.section-head p:not(.eyebrow){font-size:13px}.solution-grid{grid-template-columns:1fr}.solution{min-height:300px;padding:28px}.solution p:last-child{max-width:90%}.about{grid-template-columns:1fr;gap:35px;padding-top:5px}.about-art{height:360px}.about-copy>p:not(.eyebrow){font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:30px}.steps h3{font-size:14px;margin-top:15px}.steps p{font-size:11px}.partner-grid{grid-template-columns:1fr 1fr}.partner-grid>span{font-size:13px;padding:25px 8px}.caption{font-size:9px}.faq{grid-template-columns:1fr;gap:25px}.questions summary{font-size:12px}.contact{grid-template-columns:1fr;gap:35px}.contact aside{border-left:0;border-top:1px solid #bdcea6;padding:30px 0 0}.pin{top:25px}footer{flex-wrap:wrap;padding:30px 7%;gap:20px}footer .brand{width:100%;margin-bottom:10px}footer p{margin-right:auto}html{scroll-padding-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Real footage edition */
.real-hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;height:calc(100svh - 100px);max-height:850px;overflow:hidden;background:#102c40;isolation:isolate}.real-hero .hero-content{padding:60px 8% 100px 14%;z-index:2}.real-hero h1{font-size:clamp(44px,4.3vw,66px);letter-spacing:-2.9px;line-height:1.13}.real-hero .intro{font-size:14px;max-width:440px}.real-hero .actions{flex-direction:column;align-items:flex-start;gap:22px}.roof-main{position:relative;align-self:stretch;margin:0;min-height:0}.roof-main>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.roof-main:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b31b3,transparent 50%)}.roof-main figcaption{position:absolute;bottom:40px;right:35px;left:38px;z-index:1;color:white}.roof-main figcaption span{font-size:8px;letter-spacing:2px}.roof-main figcaption b{display:block;margin-top:10px;font-size:26px;line-height:1.3;letter-spacing:-.5px;font-weight:500}.hero-mini{position:absolute;bottom:30px;left:39%;z-index:3;display:flex;align-items:center;background:#f9faf4;color:var(--navy);box-shadow:0 8px 40px #0014;width:270px;padding:8px;gap:15px;border-radius:3px}.hero-mini img{width:72px;height:90px;object-fit:cover}.hero-mini span{font-size:11px;line-height:1.8}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:44px;border-top:1px solid #ffffff26;padding-top:20px}.hero-proof p{font-size:12px;line-height:1.7;margin:0}.hero-proof small{display:block;font-size:9px;color:#a8bdc6}.proof-mark{color:var(--green);font-size:30px}.portfolio{background:#f6f7f2}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card figure{position:relative;margin:0 0 20px;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:#dce3dc}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.035)}.project-card p{font-size:8px;letter-spacing:1.5px;color:#779442;font-weight:800;margin:0}.project-card h3{font-size:19px;margin:7px 0}.project-card>span{font-size:11px;color:var(--muted);display:block}.project-arrow{position:absolute;right:12px;top:12px;border-radius:50%;width:34px;height:34px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:20px}.source-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce4d6;padding-top:24px;margin-top:36px;gap:40px}.source-strip span{font-size:10px;color:#79877d;max-width:600px}.source-strip a{font-size:11px;font-weight:800;white-space:nowrap}.about{padding-top:90px}.check-list{list-style:none;padding:0;margin-top:25px;font-size:12px}.check-list li{padding:10px 0;border-bottom:1px solid #e5eadd}.check-list li:before{content:'✓';color:#739636;margin-right:12px}.knowledge{background:#f5f7f1}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0 50px}.scope-grid article{border-top:1px solid #cbd9ba;padding-top:18px}.scope-grid span{font-size:11px;color:#789642}.scope-grid h3{font-size:20px}.scope-grid p{font-size:12px;color:var(--muted)}.calculator{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:white;padding:42px;border-radius:5px}.calc-intro h3{font-size:28px;font-weight:600;letter-spacing:-.7px}.calc-intro>p:not(.eyebrow){font-size:12px;color:var(--muted)}.example-btn{border:0;border-bottom:1px solid #9bb472;background:transparent;padding:0 0 5px;text-align:left;cursor:pointer;font-family:inherit}.scenario-note{font-size:10px!important;margin-top:20px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.calc-fields label{font-size:10px;font-weight:700;line-height:1.6;display:block}.calc-fields input{font:inherit;font-size:15px;color:var(--navy);margin-top:8px;border:1px solid #d7dfd1;background:#fafbf8;border-radius:3px;width:100%;padding:12px;min-width:0}.calc-fields label:first-child:last-child{grid-column:1/-1}.input-note{font-size:10px;color:#768375;line-height:1.8}.calculator .button,.payback .button{margin-top:8px;padding:12px 18px;border:0;cursor:pointer}.calc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 18px;padding:22px 0;border-top:1px solid #e0e8d8;border-bottom:1px solid #e0e8d8}.calc-results strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px}.calc-results span{font-size:9px;color:#6f8066;display:block}.calc-results b{font-size:10px;font-weight:600}.calc-results .result-error{grid-column:1/-1;color:#963b2c}.payback{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:45px 42px 25px}.payback h3{font-size:26px;font-weight:600}.payback>div>p:not(.eyebrow){font-size:12px;color:var(--muted)}.formula{border-left:2px solid #a9cc4d;padding-left:15px}.payback output{display:block;margin:20px 0 0;font-size:20px;color:#597e2b}.method{padding:20px 0;border-top:1px solid #d5dfca;font-size:11px}.method summary{cursor:pointer;font-weight:800}.method p{max-width:900px;color:var(--muted)}.method a{text-decoration:underline}.brief{border-left:2px solid #94b55d;padding-left:18px;margin-top:25px}.brief h3{font-size:13px}.brief p{font-size:12px;max-width:450px}.faq{background:#fff}.project-detail{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:start}.project-detail h1{font-size:52px;letter-spacing:-2px;line-height:1.1}.project-detail h2{font-size:25px;letter-spacing:-.6px}.project-detail .detail-copy>p{font-size:14px;color:var(--muted)}.project-detail dl{font-size:12px;border-top:1px solid #dfe6d8;padding-top:20px;margin-top:35px}.project-detail dt{color:#7b9459;margin-top:15px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.project-detail dd{margin:5px 0}.project-detail .detail-note{font-size:11px!important}.project-detail figure{margin:0}.project-detail figure img{width:100%;height:auto;border-radius:3px}.project-detail figcaption{font-size:9px;color:#798578;margin-top:10px}.project-detail .text-link{display:block;width:fit-content;margin-top:25px}@media(max-width:1100px){.real-hero .hero-content{padding-left:10%;padding-right:8%}.real-hero h1{font-size:48px}.project-grid{gap:15px}.project-card h3{font-size:16px}.calculator,.payback{gap:35px;padding:30px}.hero-mini{left:35%}}@media(max-width:760px){.real-hero{grid-template-columns:1fr;height:auto;max-height:none;min-height:0;overflow:visible}.real-hero .hero-content{padding:45px 7% 35px}.real-hero h1{font-size:44px;letter-spacing:-2px}.real-hero .intro{font-size:13px}.hero-proof{margin-top:28px}.hero-proof small{font-size:8px}.roof-main{height:420px}.roof-main>img{object-position:center 40%}.roof-main figcaption{bottom:25px;left:7%}.roof-main figcaption b{font-size:22px}.hero-mini{display:none}.project-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.project-card figure{aspect-ratio:9/14;margin-bottom:15px}.project-card h3{font-size:15px}.project-card>span{font-size:10px}.source-strip{display:block}.source-strip span{display:block}.source-strip a{display:inline-block;margin-top:16px}.about{padding-top:65px}.scope-grid{grid-template-columns:1fr;gap:10px}.scope-grid h3{font-size:19px}.scope-grid p{font-size:12px}.calculator,.payback{grid-template-columns:1fr;gap:20px;padding:25px 20px}.calc-fields{grid-template-columns:1fr}.calc-results{gap:10px}.calc-results strong{font-size:23px}.calc-results span{font-size:8px}.payback{padding-top:35px}.project-detail{grid-template-columns:1fr;gap:35px}.project-detail h1{font-size:40px}.project-detail h2{font-size:24px}.knowledge .section-head{gap:10px}.portfolio .section-head{gap:10px}}@media(prefers-reduced-motion:reduce){.project-card img{transition:none}}
.stock-credit{display:block;font-size:8px;color:#e1e8e1;margin-top:16px;font-weight:400}.stock-credit a{text-decoration:underline}.roof-main>img{object-position:center}.performance{background:#f9faf7}.energy-flow{display:flex;align-items:center;justify-content:space-between;background:var(--navy);padding:30px;border-radius:4px;color:white;gap:18px;margin-bottom:35px}.energy-flow>div{flex:1}.energy-flow span{font-size:9px;color:var(--green);display:block;letter-spacing:1px}.energy-flow strong{display:block;font-size:13px;margin-top:10px}.energy-flow p{font-size:10px;color:#b8cbd2;margin:5px 0 0}.energy-flow>b{color:var(--green);font-weight:400}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px;margin:40px 0}.performance-grid article{border-top:1px solid #d6dfce;padding-top:25px}.performance-grid h3{font-size:25px;font-weight:600}.performance-grid p:not(.eyebrow){font-size:12px;color:var(--muted)}.performance-grid strong{font-size:11px;font-weight:700}.instagram-section{background:#f0f4e9}.instagram-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.instagram-gallery a{display:block;position:relative;height:360px;overflow:hidden;border-radius:4px}.instagram-gallery img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.instagram-gallery a:hover img{transform:scale(1.025)}.instagram-gallery a:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#061d32c9,transparent)}.instagram-gallery span{position:absolute;bottom:20px;left:20px;color:white;font-size:12px;font-weight:700;z-index:1}.whatsapp-contact{border-bottom:1px solid #b5c59d;padding-bottom:20px;margin-bottom:28px}.channel-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#56753c}.channel-status{font-size:15px;margin:10px 0 0}.whatsapp-button{background:#1c744d;color:white;font-size:12px;margin-top:15px}[hidden]{display:none!important}@media(max-width:760px){.energy-flow{display:grid;grid-template-columns:1fr;padding:25px;gap:15px}.energy-flow>b{transform:rotate(90deg);width:20px;text-align:center}.performance-grid{grid-template-columns:1fr;gap:25px}.performance-grid h3{font-size:24px}.instagram-gallery{gap:10px;grid-template-columns:repeat(3,1fr)}.instagram-gallery a{height:220px}.instagram-gallery span{bottom:12px;left:10px;right:8px;font-size:8px}.stock-credit{font-size:7px}.whatsapp-contact{margin-top:5px}}

.real-hero .roof-main>img{object-position:50% 45%}.real-hero .roof-main:after{background:linear-gradient(0deg,#061b31b3,transparent 40%)}

.project-credit{display:block;margin-top:16px;font-size:9px;letter-spacing:1.3px;color:#ffffffc9}
/* Energy planner and project brief */
#iletisim,#hesap{scroll-margin-top:110px}.planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.planner-inputs{background:#f1f4ed;border:1px solid #d9e1d2;border-radius:8px;padding:30px}.planner-inputs h3{font-size:21px;display:flex;align-items:center;gap:10px;margin:0 0 22px}.planner-inputs h3:not(:first-child){margin-top:34px}.step-dot{display:grid;place-items:center;background:var(--navy,#102c40);color:white;width:28px;height:28px;border-radius:50%;font-size:13px;flex-shrink:0}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.planner-inputs label,.project-form label,.summary-box label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;line-height:1.5}.planner-inputs input,.planner-inputs select,.project-form input,.project-form select,.project-form textarea,.summary-box textarea{width:100%;box-sizing:border-box;background:white;border:1px solid #b7c6b6;border-radius:4px;padding:13px 12px;color:#102c40;font:inherit;font-size:14px;min-width:0}.planner-inputs select,.project-form select{min-height:48px}.planner-inputs input:focus,.planner-inputs select:focus,.project-form :is(input,select,textarea):focus,.summary-box textarea:focus{outline:2px solid #6c8d32;outline-offset:2px}.planner-fields small{font-size:10px;font-weight:400;color:#58696c;line-height:1.6}.planner-help{font-size:13px;color:#52656b;line-height:1.8}.load-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.unit-input{display:flex;align-items:center;border:1px solid #b7c6b6;border-radius:4px;background:white;overflow:hidden}.unit-input input{border:0;min-width:0;width:100%;padding-right:4px}.unit-input>span{font-size:10px;color:#52656b;padding-right:10px;white-space:nowrap}.planner-inputs>.button{margin-top:24px}.planner-inputs .example-btn{display:block;margin-top:20px}.planner-output>h3{font-size:30px;letter-spacing:-1px;margin:0}.planner-output>.planner-help{margin:10px 0 25px}.result-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d5dfd0;border-left:1px solid #d5dfd0}.result-metrics>div{display:flex;flex-direction:column;padding:22px 18px;border-right:1px solid #d5dfd0;border-bottom:1px solid #d5dfd0;gap:9px}.result-metrics span{font-size:11px;color:#52656b}.result-metrics strong{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px}.result-metrics small{font-size:11px}.energy-verdict{margin-top:20px;background:#e9f0dc;border-left:3px solid #8aa832;padding:20px}.energy-verdict h4{font-size:18px;line-height:1.4;margin:0 0 10px}.energy-verdict p{font-size:12px;line-height:1.8;margin:0}.planner-output>h4{font-size:19px;margin:30px 0 12px}.monthly-chart{height:175px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:20px 0}.month-col{display:flex;flex-direction:column;gap:8px;min-width:0}.month-bars{height:145px;display:flex;align-items:flex-end;gap:2px}.month-bars i{width:50%;display:block;min-height:0;border-radius:2px 2px 0 0}.production-bar{background:#9bbd43}.demand-bar{background:#24465b}.month-col small{font-size:9px;text-align:center}.planner-output table{width:100%;font-size:11px;border-collapse:collapse;text-align:right}.planner-output th,.planner-output td{padding:9px 5px;border-bottom:1px solid #dbe2d5}.planner-output th:first-child{text-align:left}.planner-output caption{text-align:left;padding:15px 0;color:#52656b}.planner-output>.button{margin-top:16px}.planner-explainer{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #d5dfd0;margin-top:55px;padding-top:36px}.planner-explainer h3{font-size:27px;line-height:1.3;font-weight:500}.planner-explainer p:not(.eyebrow){font-size:13px;line-height:1.9;color:#52656b}.contact .contact-main{min-width:0}.project-form{margin-top:28px;max-width:720px}.project-form>label,.project-form>.button{margin-top:20px}.project-form .include-calc{display:flex;flex-direction:row;align-items:center;font-size:12px;font-weight:400}.include-calc input{width:18px;flex-shrink:0;min-height:18px;accent-color:#526f28}.project-form textarea,.summary-box textarea{resize:vertical}.summary-box{background:#f6f8f0;border:1px solid #aabe8e;padding:25px;margin-top:30px;border-radius:5px}.summary-box h3{font-size:22px}.summary-box p{font-size:12px!important;line-height:1.8}.summary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}.summary-actions .button{font-size:12px}.contact aside .brief{margin:28px 0}.contact aside .brief h3{font-size:16px}.contact aside .brief p{font-size:12px}#calc-error{font-size:12px;color:#795600;line-height:1.6}.project-form .input-note{font-size:11px;line-height:1.8}.contact{align-items:start}.planner-inputs .input-note,.planner-output .input-note{line-height:1.8}select,textarea{font-family:inherit}
@media(max-width:1050px){.planner-layout{gap:25px}.planner-inputs{padding:22px}.planner-fields,.load-grid{grid-template-columns:1fr}.result-metrics strong{font-size:27px}}@media(max-width:760px){.planner-layout{grid-template-columns:1fr;gap:35px}.planner-fields,.load-grid{grid-template-columns:1fr 1fr}.planner-explainer{grid-template-columns:1fr;gap:24px}.planner-inputs{padding:20px}.planner-output>h3{font-size:28px}.result-metrics strong{font-size:32px}.monthly-chart{gap:4px}.planner-explainer h3{font-size:25px}.project-form .planner-fields{grid-template-columns:1fr 1fr}.summary-box{padding:18px}.summary-actions{gap:18px}.contact .contact-main>h2{font-size:36px}}@media(max-width:420px){.planner-fields,.load-grid,.project-form .planner-fields{grid-template-columns:1fr}.result-metrics strong{font-size:29px}.planner-inputs label{font-size:12px}}

.scenario-comparison{margin-top:24px}.scenario-comparison h4{font-size:17px;margin:0 0 12px}.scenario-comparison table{font-size:12px}.scenario-comparison .selected-scenario{background:#e9f0dc;font-weight:700}.scenario-comparison .input-note{margin-top:12px}

.apartment-share{margin-top:22px;border:1px solid #c6d6b1;border-radius:5px;padding:22px;background:#f5f8ed}.apartment-share h4{font-size:18px;line-height:1.5;margin:0 0 12px}.apartment-share>strong{display:block;font-size:27px;line-height:1.4;color:#47681e;letter-spacing:-.7px}.apartment-share p{font-size:12px;line-height:1.9}.apartment-share .input-note{font-size:10px}
.fixed-goal{background:#e3ecd5;padding:15px 18px;font-size:9px;letter-spacing:1.2px;line-height:1.9;border-left:3px solid #8aa832;margin:0 0 28px}.fixed-goal strong{font-size:15px;letter-spacing:0;display:block}.technical-options{margin-top:24px;border-top:1px solid #c7d3bd;padding-top:18px}.technical-options summary,.scenario-comparison>summary,.apartment-share>summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.6}.technical-options[open]>.planner-fields{margin-top:20px}.planner-inputs .include-calc{display:flex;flex-direction:row;align-items:center;margin:20px 0}.planner-inputs .include-calc input{width:18px;min-height:18px;flex-shrink:0}.technical-options .input-note{font-size:10px}.roof-plan-note{background:#eef2e8;border:1px solid #d0ddc0;border-radius:5px;padding:20px;margin:20px 0}.roof-plan-note h4{font-size:18px;margin:0 0 10px;line-height:1.5}.roof-plan-note p{font-size:12px;line-height:1.8}.roof-plan-note .input-note{font-size:10px}.result-metrics>div:first-child{grid-column:1/-1;background:#e8efdc}.result-metrics>div:first-child strong{font-size:42px}.scenario-comparison>summary{padding-bottom:14px}.apartment-share[open]>strong{margin-top:20px}.project-form input[readonly]{background:#edf2e3;border-color:#b5c59d;cursor:default}

#bizi-taniyin{scroll-margin-top:110px}.office-section{background:#f0f3e8}.office-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;align-items:start}.office-film{min-width:0}.office-cover{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:6px;overflow:hidden;background:#102c40;cursor:pointer;text-align:left;color:white;font-family:inherit}.office-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.office-cover:hover>img{transform:scale(1.02)}.office-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#061b31d9,transparent)}.office-play-icon{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;background:#b5d852;color:#102c40;border-radius:50%;font-size:21px;padding-left:3px;z-index:1;box-shadow:0 4px 30px #061b314d}.office-film-label{position:absolute;left:26px;right:26px;bottom:24px;z-index:1}.office-film-label b{display:block;font-size:17px;font-weight:500;line-height:1.5}.office-film-label small{display:block;font-size:10px;margin-top:7px;color:#ffffffc9}.office-film video{display:block;width:100%;aspect-ratio:16/9;border-radius:6px;background:#081c2b}.office-copy h3{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:14px 0 20px;font-weight:500}.office-copy>p:not(.eyebrow){font-size:13px;color:#52656b;line-height:1.9}.office-list{list-style:none;padding:0;margin:25px 0}.office-list li{display:flex;gap:15px;border-top:1px solid #d0d9c5;padding:15px 0}.office-list li>span{font-size:10px;color:#56753c;padding-top:3px}.office-list b{font-size:12px;font-weight:600}.office-list p{font-size:11px;line-height:1.7;color:#52656b;margin:5px 0 0}.office-copy .button{font-size:12px}.office-cover:focus-visible{outline:3px solid #6b8b26;outline-offset:4px}@media(max-width:1150px){header nav{gap:18px}.office-layout{gap:28px;grid-template-columns:1.4fr 1fr}.office-film-label b{font-size:14px}}@media(max-width:900px){.office-layout{grid-template-columns:1fr;gap:28px}.office-copy h3 br{display:none}.office-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.office-copy h3{font-size:28px}}@media(max-width:600px){.office-list{grid-template-columns:1fr;gap:0}.office-film-label{left:16px;bottom:14px}.office-film-label b{font-size:12px}.office-film-label small{font-size:9px}.office-play-icon{width:46px;height:46px;font-size:16px;top:40%}}

/* Close storefront cover: keep physical signage unobstructed. */
.office-cover{aspect-ratio:auto}.office-cover>img{height:auto;aspect-ratio:16/9;object-fit:cover}.office-cover:after{display:none}.office-cover .office-play-icon{left:auto;right:18px;top:18px;transform:none;width:48px;height:48px;font-size:17px}.office-film-label{position:static;display:block;padding:16px 20px;background:#102c40}.office-film-label b{font-size:14px}.office-film-label small{font-size:10px;margin-top:5px}.office-cover:hover>img{transform:none}@media(max-width:600px){.office-cover .office-play-icon{right:12px;top:12px;width:40px;height:40px;font-size:14px}.office-film-label{padding:13px 16px}.office-film-label b{font-size:12px}}

#konum{scroll-margin-top:110px}.location-section{background:#f5f7f0}.location-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:25px}.location-actions .button{font-size:12px}.location-map{height:430px;border:1px solid #cbd7bd;border-radius:6px;overflow:hidden;background:#e8eee0}.location-map iframe{width:100%;height:100%;border:0;display:block}.office-map-link{display:block;margin-top:20px;font-size:12px}.location-actions .text-link{font-size:12px}@media(max-width:760px){.location-map{height:340px}.location-actions{gap:20px}.location-section .section-head{gap:25px}}

/* Public information pages and accessible shared navigation. */
.content-page{max-width:1320px;margin:auto;padding:35px 6% 85px}.breadcrumbs{position:static;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin:0 0 45px}.breadcrumbs a{text-decoration:underline}.page-heading{max-width:880px;margin-bottom:48px}.page-heading h1{font-size:clamp(34px,4.4vw,62px);line-height:1.15;letter-spacing:-2px;margin:0 0 24px}.lead{font-size:19px;line-height:1.8;color:#53656f;max-width:760px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.info-card{min-width:0;display:block;padding:30px;background:#f1f5ef;border:1px solid #e2e9dd;border-radius:8px}.info-card>span{font-size:10px;font-weight:800;letter-spacing:1.5px}.info-card h2,.info-card h3{font-size:23px;line-height:1.3;margin:20px 0 15px;letter-spacing:-.5px}.info-card p{color:#52646d}.info-card b{font-size:13px}.info-card .button{gap:14px;padding:14px 18px}.info-card[href]:hover{border-color:#91b341;background:#eaf1e0}.page-two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.page-two-col h2,.article-body h2{font-size:25px;line-height:1.4;margin:30px 0 12px}.page-two-col h2:first-child,.article-body h2:first-child{margin-top:0}.page-two-col figure{margin:0}.page-two-col img{width:100%;height:auto;border-radius:8px}.page-two-col figcaption{font-size:12px;color:var(--muted);margin-top:12px}.page-cta{background:var(--navy);padding:36px;border-radius:8px;color:#fff;margin-top:65px}.page-cta h2{font-size:29px;line-height:1.3;margin:0 0 16px}.page-cta .text-link{color:#fff;margin:18px 0 0 25px;display:inline-block}.article-body{max-width:820px;font-size:16px}.article-body a:not(.button){text-decoration:underline;text-underline-offset:4px}.article-body li{margin:10px 0}.process-list{list-style:none;counter-reset:steps;padding:0;max-width:900px}.process-list>li{counter-increment:steps;padding:20px 20px 25px 75px;border-top:1px solid #dce5da;position:relative}.process-list>li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:5px;top:27px;font-size:23px;font-weight:800;color:#6d8f32}.process-list h2{font-size:23px;margin:0 0 12px}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:30px;background:var(--paper);margin-top:45px}.trust-row h2{font-size:21px}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid #d9e2d7;padding:0 0 12px;margin:0 0 12px}.faq-list summary{cursor:pointer;font-size:18px;font-weight:700;padding:15px 35px 15px 0;line-height:1.5}.faq-list details p{color:#52646d;max-width:780px;margin:0 0 18px}.faq-preview{background:var(--paper)}.location-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px}.location-card .text-link{display:inline-block;margin:20px}.location-card address,.info-card address{font-style:normal}.legal-copy h2{margin-top:35px}.legal-copy code{overflow-wrap:anywhere}.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:35px;padding:48px 6%;background:#102c40;color:#fff}.site-footer p{max-width:280px;color:#c9d4dc;font-size:13px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-links small{color:#c9d4dc}.footer-links button{color:#fff;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.project-related{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #dce5da;padding-top:20px;font-weight:700}.cookie-panel{position:fixed;bottom:20px;left:20px;right:20px;max-width:600px;background:white;box-shadow:0 4px 45px #102c4040;border:1px solid #cfdbc5;border-radius:8px;padding:25px;z-index:50}.cookie-panel[hidden],.cookie-settings[hidden]{display:none}.cookie-panel h2{font-size:20px;margin:0}.cookie-panel p{font-size:13px}.cookie-panel a{text-decoration:underline}.cookie-panel>div{display:flex;gap:12px}.cookie-panel button{flex:1;background:#eef3e8;border:1px solid #82966b;border-radius:4px;color:#102c40;padding:12px;cursor:pointer}.cookie-current:empty{display:none}img{max-width:100%}button,input,textarea,select{font:inherit}input,textarea,select{max-width:100%}:focus-visible{outline:3px solid #2879a6;outline-offset:4px}.location-address{line-height:1.8}.footer-links a,.breadcrumbs a{min-height:28px}.content-page .button{max-width:100%;white-space:normal}
@media(max-width:1000px){.info-grid{grid-template-columns:1fr 1fr}.page-two-col{gap:28px}.trust-row{gap:20px}.site-footer{grid-template-columns:1.2fr 1fr 1fr;gap:25px}.content-page header nav{gap:15px}}
@media(max-width:700px){.content-page{padding:25px 6% 55px}.breadcrumbs{margin-bottom:28px;font-size:11px}.page-heading{margin-bottom:30px}.page-heading h1{letter-spacing:-1px}.lead{font-size:17px}.info-grid,.page-two-col,.trust-row,.location-card{grid-template-columns:1fr}.info-card{padding:25px}.page-two-col{gap:25px}.page-cta{padding:25px;margin-top:40px}.page-cta h2{font-size:25px}.page-cta .text-link{margin-left:0}.site-footer{grid-template-columns:1fr;gap:30px}.footer-links{gap:9px}.faq-list summary{font-size:16px}.process-list>li{padding-left:52px}.process-list h2{font-size:21px}.location-card .text-link{margin-left:0}.cookie-panel{bottom:10px;left:10px;right:10px;padding:20px}.trust-row{padding:25px}.article-body{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.content-page .breadcrumbs{position:static;left:auto;right:auto;top:auto;display:flex;flex-direction:row;flex-wrap:wrap;background:transparent;box-shadow:none;padding:0;gap:10px;width:auto}

.contact-direct{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:35px}.contact-direct .navy{margin-top:0}.summary-actions{flex-wrap:wrap}
/* Screen-by-screen homepage. Long content remains scrollable inside its screen. */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}*{scrollbar-width:none}
body.screen-home{--screen-header:100px;--screen-height:calc(100dvh - var(--screen-header));height:100dvh;overflow:hidden}
.screen-home>header{height:var(--screen-header);position:relative}
.screen-home #icerik{position:relative;height:var(--screen-height);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding:0;overscroll-behavior-y:contain}
.screen-panel{height:var(--screen-height);width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-align:start;scroll-snap-stop:always;scroll-padding-top:20px;position:relative}
.screen-panel>.section{min-height:100%;padding:clamp(28px,4vh,52px) max(6%,calc((100vw - 1300px)/2)) 78px}
.screen-panel .section-head{margin-bottom:25px;gap:30px}
.screen-panel h2{font-size:clamp(28px,3vw,43px)}
.screen-panel .eyebrow{margin-bottom:14px}
.screen-panel .project-card figure{aspect-ratio:1.15;margin-bottom:12px}
.screen-panel .project-card h3{font-size:20px;margin:7px 0}
.screen-panel .source-strip{margin-top:20px;padding-top:15px}
.screen-panel .solutions .promise{margin:-5px 0 30px;padding:16px 20px;font-size:12px;gap:16px}
.screen-panel .solution{min-height:270px}
.screen-panel .real-hero{height:100%;min-height:0;max-height:none}
.screen-panel .real-hero .hero-content{padding:30px 8% 80px 12%}
.screen-panel .real-hero h1{font-size:clamp(35px,4.1vw,62px)}
.screen-panel .hero-proof{margin-top:25px;padding-top:16px}
.screen-panel .hero-mini{bottom:18px;left:42%;width:230px}
.screen-panel .hero-mini img{height:64px;width:55px}
.screen-panel .about-art{height:min(56vh,470px)}
.screen-panel .office-layout{gap:30px}
.screen-panel .office-list{margin:15px 0}
.screen-panel .office-list li{padding:10px 0}
.screen-panel .location-map{height:clamp(230px,43dvh,430px)}
.screen-panel .location-actions .button{margin-top:5px}
.screen-panel .contact{padding-bottom:100px}
.screen-controls{position:fixed;bottom:17px;right:24px;z-index:15;display:flex;align-items:center;gap:13px;background:#fff;color:#102c40;border:1px solid #cdd8bf;border-radius:40px;padding:5px 6px 5px 16px;box-shadow:0 4px 24px #102c4025}
.screen-controls>span{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
#screen-next{display:flex;align-items:center;gap:12px;padding:5px 5px 5px 10px;background:transparent;border:0;cursor:pointer;color:#102c40}
.screen-control-label{font-size:11px;font-weight:700}
.screen-chevron{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#b5d852;font-size:25px}
.footer-screen .site-footer{min-height:100%;align-content:center;padding-bottom:100px}
@media(max-width:1000px){body.screen-home{--screen-header:80px}.screen-panel .section-head{gap:20px}.screen-panel .project-card figure{aspect-ratio:1.2}}
@media(max-width:700px){.screen-panel>.section{padding:25px 6% 85px}.screen-panel .section-head{gap:0;margin-bottom:20px}.screen-panel h2{font-size:28px;letter-spacing:-1px}.screen-panel .real-hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(140px,1fr);align-content:stretch}.screen-panel .real-hero .hero-content{padding:23px 7% 24px}.screen-panel .real-hero h1{font-size:clamp(28px,5.8dvh,42px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:15px}.screen-panel .real-hero .eyebrow{margin-bottom:12px}.screen-panel .real-hero .intro{font-size:12px;line-height:1.65;margin-bottom:18px}.screen-panel .real-hero .actions{gap:12px}.screen-panel .real-hero .button{padding:12px 15px;font-size:11px;gap:15px}.screen-panel .real-hero .plain{font-size:11px}.screen-panel .real-hero .roof-main{height:100%;min-height:140px}.screen-panel .real-hero .roof-main>img{height:100%;object-position:center 38%}.screen-panel .real-hero .roof-main figcaption{display:none}.screen-panel .hero-proof,.screen-panel .hero-mini{display:none}.screen-panel .project-grid{gap:20px 14px}.screen-panel .project-card figure{aspect-ratio:1.1}.screen-panel .project-card h3{font-size:17px}.screen-panel .project-card>span{font-size:11px}.screen-panel .solutions .promise{grid-template-columns:1fr;gap:8px;padding:14px;margin-bottom:22px}.screen-panel .location-map{height:280px}.screen-controls{bottom:12px;right:12px;gap:6px;padding-left:12px}.screen-control-label{font-size:10px}.screen-chevron{width:32px;height:32px}.screen-panel .about-art{height:260px}.screen-panel .office-layout{gap:20px}.screen-panel .source-strip{gap:12px}}
@media(max-height:560px){.screen-panel .real-hero{height:auto;min-height:100%}.screen-panel .real-hero .hero-content{padding-top:20px;padding-bottom:25px}.screen-panel .hero-mini{display:none}}
@media(prefers-reduced-motion:reduce){.screen-home #icerik{scroll-behavior:auto}}

/* Minimal centered section arrow. Keep accessible names without visible text. */
.screen-controls{left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:0;gap:0;background:transparent;border:0;box-shadow:none;border-radius:50%}
.screen-controls #screen-position,.screen-controls .screen-control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-controls #screen-next{padding:0;gap:0;border-radius:50%}
.screen-controls .screen-chevron{width:46px;height:46px;font-size:28px;border:1px solid #8eac42;box-shadow:0 3px 16px #102c4030;transition:background .2s}
.screen-controls #screen-next:hover .screen-chevron{background:#c7e77c}
@media(max-width:700px){.screen-controls{left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));padding:0;gap:0}.screen-controls .screen-chevron{width:42px;height:42px;font-size:26px}}

.screen-controls{gap:10px}.screen-controls button[hidden]{display:none!important}
.screen-controls #screen-prev{display:flex;align-items:center;justify-content:center;padding:0;gap:0;border:0;border-radius:50%;background:transparent;color:#102c40;cursor:pointer}
.screen-controls #screen-prev .screen-chevron{background:#fff;border-color:#b8c6a4}
.screen-controls #screen-prev:hover .screen-chevron{background:#eaf1de}
@media(max-width:700px){.screen-controls{gap:9px}}
/* One topic per screen: concise content, no inner page scrolling. */
.screen-panel{overflow:hidden}
.screen-panel>.section{padding:24px 6% 76px;min-height:100%;box-sizing:border-box}
.screen-panel .section-head{margin-bottom:20px;gap:24px}
.screen-panel h2{font-size:clamp(27px,3.1vw,40px)}
.screen-panel .office-list{display:none}
.screen-panel .office-copy h3{font-size:27px;margin:5px 0 12px}
.screen-panel .office-cover{max-width:720px;margin:auto}
.screen-panel .office-layout{grid-template-columns:1.4fr 1fr;align-items:center}
.screen-panel .office-film-label{padding:10px 14px}
.screen-panel .office-film-label b{font-size:14px}
.screen-panel .office-film-label small{font-size:10px}
.screen-panel .performance-grid{gap:16px}
.screen-panel .performance-grid article{padding:16px}
.screen-panel .performance-grid h3{font-size:21px;margin:8px 0;line-height:1.25}
.screen-panel .performance-grid p:not(.eyebrow){font-size:12px;line-height:1.7;margin:10px 0}
.screen-panel .performance-grid strong{font-size:11px}
.screen-panel .energy-flow{margin-bottom:16px;padding:16px}
.screen-panel .faq{position:relative}
.screen-panel .all-faq{grid-column:2;margin:10px 0 0;justify-self:start}
.screen-panel .questions summary{padding:16px 0}
.screen-panel .instagram-gallery{max-height:42dvh}
.screen-panel .instagram-gallery a{max-height:42dvh}
.screen-panel .location-map{height:clamp(180px,38dvh,350px)}
.screen-panel .location-section .section-head{grid-template-columns:1fr 1.5fr}
.screen-panel .location-section .section-head p{margin:6px 0;font-size:12px}
.screen-panel .location-actions{margin-top:8px;gap:16px}
.screen-panel .location-actions .button{padding:10px 16px;font-size:12px;margin:0}
/* Compact live calculator; full scenario settings and monthly charts have their own page. */
.compact-planner .planner-layout{grid-template-columns:1fr 1fr;gap:30px}
.compact-planner .planner-inputs{padding:22px}
.compact-planner .fixed-goal,.compact-planner .planner-inputs h3,.compact-planner .planner-help,.compact-planner .technical-options,.compact-planner #estimated-loads,.compact-planner .example-btn{display:none!important}
.compact-planner label:has(#load-mode){display:none}
.compact-planner .planner-fields small{display:none}
.compact-planner .planner-fields{margin-bottom:16px;gap:15px}
.compact-planner label{font-size:12px;line-height:1.5}
.compact-planner input{padding:10px 12px}
.compact-planner .input-note{font-size:11px;line-height:1.5;margin:10px 0}
.compact-planner .button{padding:12px 18px;margin-top:6px}
.compact-planner .result-metrics{grid-template-columns:repeat(3,1fr)}
.compact-planner .result-metrics>div{min-height:105px;padding:14px;gap:6px}
.compact-planner .result-metrics strong{font-size:27px}
.compact-planner .result-metrics span,.compact-planner .result-metrics small{font-size:11px;line-height:1.3}
.compact-roof-note,.compact-calc-note{font-size:11px;line-height:1.5;margin:14px 0 4px}
/* Contact fits in the screen; the prepared summary opens separately. */
.screen-panel .contact{gap:35px;padding-bottom:75px}
.screen-panel .contact h2{margin-bottom:10px}
.screen-panel .contact-main>p:not(.eyebrow){font-size:12px;margin:8px 0 16px}
.screen-panel .project-form .planner-fields{gap:10px 15px}
.screen-panel .project-form label{font-size:11px;line-height:1.5}
.screen-panel .project-form input,.screen-panel .project-form select,.screen-panel .project-form textarea{padding:8px 10px;font-size:13px;margin-top:3px;line-height:1.4}
.screen-panel label:has(#project-goal){display:none}
.screen-panel .project-form .button{padding:10px 16px;margin-top:8px}
.screen-panel .project-form .include-calc{margin:10px 0;font-size:11px}
.screen-panel .project-form .input-note{font-size:10px;line-height:1.5;margin:8px 0}
.screen-panel .contact aside{padding:10px 0 0 30px}
.screen-panel .contact .brief{display:none}
#project-summary-dialog{max-width:650px;width:calc(100% - 30px);max-height:90dvh;border:1px solid #b7c99c;border-radius:10px;padding:25px;background:#f6f8f0;color:#102c40}
#project-summary-dialog::backdrop{background:#102c40aa}
#project-summary-dialog .summary-box{margin:0;border:0;padding:10px 0;background:none}
#project-summary-dialog textarea{width:100%;max-height:32dvh;resize:none}
#project-summary-dialog .summary-actions{gap:12px}
#project-summary-dialog .button{padding:12px 16px;font-size:12px}
.dialog-close{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#102c40}
@media(max-width:1000px){.screen-panel>.section{padding-top:20px;padding-bottom:70px}.screen-panel .section-head{gap:15px}.screen-panel .office-layout{gap:20px}.screen-panel .contact{gap:20px}.compact-planner .planner-layout{gap:18px}.compact-planner .planner-inputs{padding:18px}}
@media(max-width:700px){
.screen-panel>.section{padding:20px 6% 70px}.screen-panel .section-head{display:block;margin-bottom:16px}.screen-panel h2{font-size:27px;line-height:1.12;margin-bottom:12px}.screen-panel .eyebrow{font-size:8px;margin-bottom:10px}.screen-panel .section-head p:not(.eyebrow){font-size:12px;line-height:1.6;margin:8px 0}.screen-panel .button{font-size:11px;padding:11px 15px;gap:12px}
.screen-panel .info-grid{grid-template-columns:1fr;gap:10px}.screen-panel .info-card{padding:14px 16px}.screen-panel .info-card>span{font-size:8px}.screen-panel .info-card h3{font-size:18px;margin:5px 0}.screen-panel .info-card p{font-size:11px;line-height:1.5;margin:6px 0}.screen-panel .info-card b{font-size:10px}
.screen-panel .project-grid{gap:15px 12px}.screen-panel .project-card figure{height:clamp(80px,15dvh,135px);aspect-ratio:auto;margin-bottom:7px}.screen-panel .project-card h3{font-size:16px;margin:3px 0}.screen-panel .project-card>p{font-size:8px;margin:4px 0}.screen-panel .project-card>span{font-size:10px;line-height:1.3;display:block}.screen-panel .source-strip{margin-top:15px;padding-top:10px}.screen-panel .source-strip>span{display:none}.screen-panel .source-strip>a{font-size:11px}
.screen-panel .office-layout{display:block}.screen-panel .office-cover{max-width:100%}.screen-panel .office-cover>img{max-height:28dvh;object-fit:cover}.screen-panel .office-film-label{padding:9px 12px}.screen-panel .office-copy{padding-top:14px}.screen-panel .office-copy>.eyebrow,.screen-panel .office-copy h3{display:none}.screen-panel .office-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;margin:0}.screen-panel .office-copy .button{margin-top:10px}.screen-panel .office-map-link{margin-left:12px;font-size:10px}.screen-panel #office-video{max-height:32dvh;width:100%}
.screen-panel .about{display:flex;flex-direction:column;gap:18px}.screen-panel .about-art{width:100%;height:22dvh;flex-shrink:0}.screen-panel .art-label{font-size:16px;left:20px;bottom:18px}.screen-panel .about-copy>p:not(.eyebrow){font-size:11px;line-height:1.6;margin:7px 0}.screen-panel .check-list{margin:10px 0;font-size:10px}.screen-panel .check-list li{padding:6px 0}
.screen-panel .steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.screen-panel .steps article{padding-top:14px}.screen-panel .steps h3{font-size:18px;line-height:1.25;margin:8px 0}.screen-panel .steps p{font-size:11px;line-height:1.6;margin:6px 0}
.compact-planner .planner-layout{grid-template-columns:1fr;gap:14px}.compact-planner .planner-inputs{padding:14px}.compact-planner .planner-fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.compact-planner label{font-size:10px}.compact-planner input{font-size:13px;padding:7px 9px;margin-top:4px}.compact-planner #billed-load .input-note{font-size:9px;line-height:1.4;margin:6px 0}.compact-planner .planner-inputs .button{font-size:10px;padding:8px 12px;margin-top:0}.compact-planner .result-metrics{grid-template-columns:repeat(3,1fr)}.compact-planner .result-metrics>div{min-height:70px;padding:9px 7px;gap:4px}.compact-planner .result-metrics strong{font-size:22px}.compact-planner .result-metrics span,.compact-planner .result-metrics small{font-size:9px}.compact-roof-note,.compact-calc-note{font-size:9px;line-height:1.4;margin-top:7px}.compact-planner .text-link{font-size:10px;margin-top:5px}.compact-planner .section-head h2 br{display:none}.compact-planner .section-head p:not(.eyebrow){font-size:11px}
.screen-panel .energy-flow{display:none}.screen-panel .performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen-panel .performance-grid article{padding:12px}.screen-panel .performance-grid .eyebrow{font-size:7px;letter-spacing:.8px}.screen-panel .performance-grid h3{font-size:16px;margin:7px 0}.screen-panel .performance-grid h3 br{display:none}.screen-panel .performance-grid p:not(.eyebrow){font-size:10px;line-height:1.5;margin:7px 0}.screen-panel .performance-grid strong{font-size:9px;line-height:1.5;display:block}
.screen-panel .faq{display:block}.screen-panel .questions summary{padding:14px 0;font-size:12px}.screen-panel .questions details p{font-size:11px;line-height:1.6;padding-right:0}.screen-panel .all-faq{font-size:11px;margin-top:15px}
.screen-panel .instagram-gallery{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-height:30dvh}.screen-panel .instagram-gallery a{height:28dvh;max-height:28dvh}.screen-panel .instagram-gallery span{font-size:9px;padding:10px}.screen-panel .caption{font-size:10px;line-height:1.5}
.screen-panel .location-section .section-head{display:block}.screen-panel .location-section .section-head p{font-size:11px;line-height:1.5;margin:5px 0}.screen-panel .location-actions{gap:10px;margin-top:10px;display:flex;align-items:center}.screen-panel .location-actions .button{font-size:10px;padding:9px 12px}.screen-panel .location-actions .text-link{font-size:10px;margin-top:0}.screen-panel .location-map{height:32dvh;min-height:150px}
.screen-panel .contact{display:block}.screen-panel .contact h2{font-size:25px;margin-bottom:8px}.screen-panel .contact-main>.eyebrow{font-size:7px}.screen-panel .contact-main>p:not(.eyebrow){font-size:11px;line-height:1.4;margin:7px 0 10px}.screen-panel .project-form .planner-fields{grid-template-columns:1fr 1fr;gap:9px}.screen-panel .project-form label{font-size:10px}.screen-panel .project-form input,.screen-panel .project-form select,.screen-panel .project-form textarea{padding:6px 8px;font-size:12px}.screen-panel .project-form .include-calc{font-size:9px;margin:6px 0}.screen-panel .project-form .input-note{font-size:9px;line-height:1.4}.screen-panel .project-form .button{font-size:10px;padding:9px 12px;margin-top:4px}.screen-panel .contact aside{border:0;padding:5px 0 0;margin-top:8px}.screen-panel .contact aside>.pin,.screen-panel .contact aside>.eyebrow,.screen-panel .contact aside>h3,.screen-panel .contact aside>p,.screen-panel .contact aside>.text-link,.screen-panel .contact aside>a,.screen-panel .whatsapp-contact .channel-label{display:none}.screen-panel .whatsapp-contact{margin:0;padding:0;border:0;display:flex;align-items:center;gap:15px}.screen-panel .whatsapp-contact .channel-status{margin:0;font-size:11px}.screen-panel .whatsapp-contact .button{padding:8px 12px;font-size:10px}
.footer-screen .site-footer{padding:25px 7% 75px;gap:20px;align-content:start}.footer-screen .site-footer>div:first-child>p{margin-bottom:0}.footer-screen .footer-links{font-size:12px;gap:5px}.footer-screen .footer-links a{min-height:20px}.footer-screen .brand{font-size:22px}
}
@media(max-height:720px) and (min-width:701px){.screen-panel>.section{padding-top:18px;padding-bottom:65px}.screen-panel h2{font-size:31px}.screen-panel .section-head{margin-bottom:15px}.screen-panel .section-head p:not(.eyebrow){font-size:12px}.screen-panel .office-cover{max-width:560px}.screen-panel .performance-grid article{padding:12px}.screen-panel .performance-grid h3{font-size:18px}.screen-panel .performance-grid p:not(.eyebrow){font-size:11px}.screen-panel .energy-flow{padding:10px;margin-bottom:10px}.screen-panel .energy-flow p{display:none}.screen-panel .contact h2{font-size:30px}.screen-panel .contact-main>p:not(.eyebrow){margin:5px 0 10px}.compact-planner .result-metrics>div{min-height:86px}}
.compact-planner .result-metrics>div:first-child{grid-column:auto}
.compact-planner .result-metrics>div:first-child strong{font-size:27px}
.screen-panel .performance-grid{margin:14px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
.screen-panel .performance-grid>*{min-width:0}
.screen-panel .info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.screen-panel .project-form .planner-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.screen-panel .project-form input,.screen-panel .project-form select,.screen-panel .project-form textarea{min-width:0;width:100%}
@media(max-width:700px){.screen-panel .info-grid{grid-template-columns:1fr}.compact-planner .result-metrics>div:first-child strong{font-size:22px}.screen-panel .performance-grid{margin:10px 0;gap:10px}.screen-panel .performance-grid article{padding:10px}.screen-panel .performance-grid h3{font-size:15px}.screen-panel .performance-grid p:not(.eyebrow){font-size:10px;line-height:1.5}}
.compact-planner .planner-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-planner .planner-inputs input{min-height:0;height:38px;line-height:1.3;margin:4px 0 0}
.compact-planner .planner-inputs label{margin:0;font-size:12px}
.compact-planner .planner-inputs button[type=submit]{min-height:0;padding:8px 14px;line-height:1.4;font-size:12px}
.compact-planner #calc-error:empty{display:none}
.screen-panel .project-form .include-calc{display:flex;align-items:center;gap:8px;line-height:1.4}
.screen-panel .project-form .include-calc input{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0}
.screen-panel .project-form .planner-fields label{margin:0;min-width:0}
.screen-panel .project-form .planner-fields input,.screen-panel .project-form .planner-fields select{height:36px;min-height:0;line-height:1.3;margin-bottom:0}
.screen-panel .energy-flow{display:none}
.screen-panel .performance-grid article .eyebrow{margin:0 0 7px;font-size:9px}
.screen-panel .performance-grid h3{font-size:20px;line-height:1.2;margin:5px 0 9px}
.screen-panel .performance-grid h3 br{display:none}
.screen-panel .performance-grid p:not(.eyebrow){margin:6px 0;font-size:11px;line-height:1.5}
.screen-panel .performance-grid article{padding:12px}
@media(max-width:700px){.compact-planner .planner-inputs label{font-size:10px}.compact-planner .planner-inputs input{height:32px}.compact-planner .planner-inputs button[type=submit]{font-size:10px;padding:6px 10px}.screen-panel .project-form .include-calc{margin:5px 0;font-size:9px}.screen-panel .project-form .planner-fields input,.screen-panel .project-form .planner-fields select{height:30px}.screen-panel .performance-grid article .eyebrow{font-size:7px}.screen-panel .performance-grid h3{font-size:15px}.screen-panel .performance-grid p:not(.eyebrow){font-size:10px}.screen-panel .performance-grid article{padding:10px}}
.screen-panel .project-form{margin-top:10px}
.screen-panel .project-form>label{margin-top:8px}
.screen-panel .project-form .button{min-height:0;height:38px;line-height:1.3;padding:7px 14px}
.screen-panel .project-form .button span{font-size:18px;line-height:1}
.screen-panel .contact-main>.eyebrow{margin-bottom:8px}
.screen-panel .project-form .planner-fields{gap:8px 12px}
.screen-panel .project-form .planner-fields label{line-height:1.3}
.screen-panel .office-section .section-head{margin-bottom:14px}
@media(max-height:760px) and (min-width:701px){.screen-panel .contact{padding-top:14px;padding-bottom:64px}.screen-panel .contact h2{font-size:26px;line-height:1.15}.screen-panel .project-form .planner-fields input,.screen-panel .project-form .planner-fields select{height:32px}.screen-panel .project-form .planner-fields label{font-size:10px}.screen-panel .contact-main>p:not(.eyebrow){margin-bottom:5px}.screen-panel .contact-main>.eyebrow{font-size:8px}}
@media(max-width:700px){.compact-planner .planner-inputs{padding:11px}.compact-planner .section-head{margin-bottom:10px}.compact-planner .section-head p:not(.eyebrow){margin-bottom:5px}.compact-planner .planner-fields{margin-bottom:7px}.screen-panel .project-form .button{height:33px}.screen-panel .project-form{margin-top:8px}}
@media(max-height:760px) and (min-width:701px){.screen-panel .office-cover{max-width:520px}.screen-panel .office-section>.section-head>p{font-size:11px}.screen-panel .contact{padding-bottom:52px}.screen-panel .contact-main>.eyebrow{margin-bottom:5px}}
/* Persistent, labelled contact channels, independent of the centered section arrows. */
.floating-contact{position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:18;display:flex;flex-direction:column;gap:12px}
.contact-icon{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;flex-shrink:0;transition:transform .2s,box-shadow .2s}
.contact-icon svg{display:block;width:25px;height:25px;flex-shrink:0}
.floating-contact .contact-icon{width:52px;height:52px;box-shadow:0 4px 18px #102c4033;border:2px solid #fff;color:#fff}
.contact-icon-whatsapp{background:#128c55;color:white}.contact-icon-instagram{background:linear-gradient(35deg,#f7a73e,#d52d76 55%,#703fc2);color:#fff}
.floating-contact .contact-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.floating-contact .contact-icon:hover{transform:translateY(-3px);box-shadow:0 6px 22px #102c4050}
.contact-icon-row{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;box-shadow:none;background:none;padding:0;grid-column:1/-1;font-size:12px}
.contact-icon-row .contact-icon{border-radius:8px;background:#f0f5e8;border:1px solid #cbd9b9;color:#102c40;gap:9px;padding:11px 15px;min-height:46px;font-weight:700}
.contact-icon-row .contact-icon svg{width:22px;height:22px}
.contact-icon-row .contact-icon-whatsapp{background:#128c55;border-color:#128c55;color:white}
.contact-icon-row .contact-icon-instagram{background:linear-gradient(35deg,#f7a73e,#d52d76 55%,#703fc2);color:white;border:0}
.contact-icon-row .contact-icon:hover{transform:translateY(-2px)}
.contact-address-block address,.contact-final address{font-style:normal;font-size:13px;line-height:1.8;margin:18px 0;color:#41563f}
.contact-phone-number{display:inline-block;font-size:23px;font-weight:700;letter-spacing:-.5px}
.screen-panel .contact-identity{align-self:start}
.screen-panel .contact>.contact-icon-row{margin-top:0;align-self:end;gap:12px}
.screen-panel .contact{row-gap:14px}
.contact-final{margin:45px 0 0;border-top:1px solid #d1ddc6;padding-top:30px}
.contact-final h2{font-size:30px}
.contact-final .contact-icon-row{margin-top:24px}
@media(max-width:700px){.floating-contact{right:12px;bottom:max(14px,env(safe-area-inset-bottom));gap:10px}.floating-contact .contact-icon{width:44px;height:44px}.floating-contact .contact-icon svg{width:23px;height:23px}.contact-icon-row{display:flex;position:static;gap:10px;padding:0;background:none;box-shadow:none}.contact-icon-row .contact-icon{padding:10px;width:42px;height:42px;min-height:42px;border-radius:50%}.contact-icon-row .contact-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.screen-panel .contact>.contact-icon-row{margin-top:12px;gap:12px}.screen-panel .contact-identity{margin:8px 0 0;padding:0}.screen-panel .contact-address-block{display:flex;flex-direction:column;gap:4px}.screen-panel .contact-address-block .eyebrow,.screen-panel .contact-address-block h3{display:none}.screen-panel .contact-phone-number{font-size:16px}.screen-panel .contact-address-block address{font-size:10px;line-height:1.4;margin:0}.screen-panel .contact-address-block address br{display:none}.contact-final address{font-size:12px}.contact-final .contact-icon-row{gap:15px}.contact-final .contact-icon-row .contact-icon{width:46px;height:46px}}

/* Homepage: give the roof and panels visual priority. */
@media(min-width:701px){
.screen-panel .real-hero{grid-template-columns:42% 58%}
.screen-panel .real-hero .hero-content{padding:30px 8% 72px 12%}
.screen-panel .real-hero h1{font-size:clamp(34px,3.7vw,58px);letter-spacing:-2px}
.screen-panel .real-hero .roof-main{overflow:hidden;border-left:3px solid #b5d852}
.screen-panel .real-hero .roof-main>img{object-position:50% 32%;transform:scale(1.12);transform-origin:50% 30%;filter:contrast(1.06) saturate(1.08)}
.screen-panel .real-hero .roof-main:after{background:linear-gradient(0deg,rgba(6,27,49,.64),transparent 24%)}
.screen-panel .real-hero .roof-main figcaption{bottom:38px;left:32px;right:75px;text-shadow:0 2px 12px #061b3180}
.screen-panel .real-hero .roof-main figcaption span{font-size:10px;font-weight:800;letter-spacing:2px;color:#d4ed93}
.screen-panel .real-hero .roof-main figcaption b{font-size:clamp(24px,2.3vw,34px);font-weight:600}
}
@media(max-width:700px){
.screen-panel .real-hero{grid-template-rows:auto minmax(220px,1fr)}
.screen-panel .real-hero .hero-content{padding:20px 7% 20px}
.screen-panel .real-hero h1{font-size:clamp(27px,4.8dvh,38px);margin-bottom:10px}
.screen-panel .real-hero .intro{margin:0 0 12px;font-size:11px;line-height:1.5}
.screen-panel .real-hero .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px}
.screen-panel .real-hero .roof-main{min-height:220px;overflow:hidden;border-top:3px solid #b5d852}
.screen-panel .real-hero .roof-main>img{object-position:50% 29%;filter:contrast(1.06) saturate(1.08)}
.screen-panel .real-hero .roof-main:after{background:none}
}