:root{color-scheme:dark;--navy:#101f35;--white:#fff;--muted:#d1dbe5;--solar:#ffc15a;--orange:#ffae32}
*{box-sizing:border-box}
html{min-width:280px;background:var(--navy)}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased}
.backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,24,43,.74),rgba(10,24,43,.87) 55%,#101f35 77%),url("solar-project.png") center 36%/cover no-repeat;pointer-events:none}
.page{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:36px 24px 22px}
.masthead{display:flex;justify-content:center;flex:none}
.malcilar-mark{background:#fff;border-radius:5px;padding:12px 18px;line-height:0;box-shadow:0 3px 18px #0002}
.malcilar-mark img{width:142px;height:auto;display:block}
main{width:100%;max-width:1050px;text-align:center;margin:auto;padding:38px 0 32px}
h1{font-size:clamp(32px,3.8vw,55px);font-weight:650;line-height:1.13;letter-spacing:-1.6px;margin:0 auto 25px;text-wrap:balance}
.notice{font-size:clamp(19px,1.65vw,23px);line-height:1.4;font-weight:600;margin:0 auto 19px;color:var(--solar);text-wrap:balance}
.description{max-width:650px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.75;text-wrap:pretty}
.new-brand{display:table;line-height:0;background:#fff;padding:11px 21px;border-radius:5px;margin:27px auto 22px}
.new-brand img{width:188px;height:auto;display:block}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:16px 25px;border:2px solid transparent;border-radius:6px;background:var(--solar);color:#142139;text-decoration:none;font-size:17px;line-height:1.3;font-weight:700;box-shadow:0 6px 22px #0002;transition:background-color .15s ease}
.cta svg{height:22px;width:22px;flex:none}
.cta:hover{background:#ffd38a}
.cta:focus-visible{outline:3px solid #fff;outline-offset:5px}
.destination{font-size:14px;color:#c1cddb;margin:12px 0 0}
footer{text-align:center;color:#aebdcd;font-size:12px;line-height:1.5;flex:none}
@media(min-width:1500px){h1{font-size:58px}}
@media(max-width:640px){.page{padding:24px 22px 18px}.malcilar-mark{padding:10px 15px}.malcilar-mark img{width:116px}main{padding:32px 0 28px}h1{font-size:34px;letter-spacing:-.9px;line-height:1.15;margin-bottom:22px}.desktop-break{display:none}.notice{font-size:19px;line-height:1.45;max-width:370px;margin-bottom:17px}.description{font-size:15px;line-height:1.7;max-width:390px}.new-brand{margin:24px auto 21px;padding:10px 18px}.new-brand img{width:166px}.cta{font-size:15px;min-height:55px;max-width:100%;gap:15px;padding:15px 19px}.destination{font-size:13px}footer{font-size:11px;max-width:290px}.backdrop{background-position:center,55% 30%}}
@media(max-width:360px){.page{padding-inline:18px}h1{font-size:30px}.cta{gap:10px;font-size:14px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.cta{transition:none}}