@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#081c32;--gold:#dfb96f;--ink:#152c40;--muted:#6c7884}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--ink);word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #d9a952;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}header{height:94px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:3px;margin-top:3px}.sun{font-family:Arial,sans-serif;color:var(--gold);font-size:48px;line-height:1}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav a:hover{color:var(--gold)}.nav-contact{border:1px solid #9a8156;padding:13px 17px;color:var(--gold)}.menu{display:none}.hero{min-height:690px;height:calc(100svh - 94px);max-height:920px;position:relative;color:white;background:var(--navy) url('assets/solar-sunset.png') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,35,.85),rgba(4,19,35,.35) 50%,transparent),linear-gradient(0deg,#041323b8,transparent 45%)}.hero-content{position:relative;padding:110px 8% 100px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#ac8346;margin:0 0 27px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(42px,4.8vw,70px);font-weight:700;line-height:1.32;letter-spacing:-3px;margin:0 0 28px}.hero-description{font-size:18px;line-height:1.9;color:#e0e4e9;margin-bottom:39px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:18px 25px;border:0;font-weight:600;font-size:14px;cursor:pointer}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:#edca89}.hero-bottom{position:absolute;bottom:0;left:8%;right:8%;padding:26px 0;border-top:1px solid #ffffff38;display:flex;justify-content:space-between;font-size:12px;color:#d0d6dd}.hero-bottom a{font-size:9px;letter-spacing:2px}h2{font-size:40px;letter-spacing:-1.8px;line-height:1.4;font-weight:600;margin:0}p{line-height:1.9}.about{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{font-size:15px;color:var(--muted);padding-top:20px}.about-copy p:first-child{color:var(--ink);font-size:19px;margin-top:0}.coverage{margin-top:30px;border-top:1px solid #e3e6e9;padding-top:22px;font-size:13px;display:flex;align-items:center;gap:12px}.coverage strong{margin-left:auto;color:var(--ink);font-size:18px}.dot{height:7px;width:7px;border-radius:100%;background:#be914b}.business{background:#f3f5f6;padding:96px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading>p{font-size:14px;color:var(--muted)}.business-list article{display:grid;grid-template-columns:65px 1fr 1.15fr;gap:25px;padding:39px 0;border-top:1px solid #d5dde2;scroll-margin-top:110px}.business-list article:last-child{border-bottom:1px solid #d5dde2}.number{font-size:14px;color:#ab8957;padding-top:9px}.business-list h3{margin:0;font-size:27px;letter-spacing:-1px;font-weight:600}.business-list article>div>p{font-size:13px;color:var(--muted);margin:9px 0 0}.business-list .detail p{font-size:14px;margin:0 0 17px;line-height:1.9}.detail a{font-size:12px;font-weight:700;border-bottom:1px solid #bba17b;padding-bottom:5px}.process{padding-top:100px;padding-bottom:110px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.steps>div{border-top:1px solid #d5dde2;padding-top:24px}.steps span{color:#b18b50;font-size:13px}.steps h3{font-size:21px;margin-bottom:9px}.steps p{color:var(--muted);font-size:14px;margin:0}.contact{background:var(--navy);color:white;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact h2{font-size:36px}.contact p{font-size:14px;color:#b6c1cb}.contact-note{display:block;margin-top:35px;font-size:12px;color:var(--gold)}form{display:flex;flex-direction:column;gap:10px}label{font-size:12px;color:#d2dae2;margin-top:6px}input,select,textarea{border:1px solid #ffffff2e;border-radius:0;background:#ffffff08;color:#fff;padding:13px 15px;min-width:0}select option{background:var(--navy)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#93a2b2;font-size:13px}form .button{margin-top:10px}form .form-note{font-size:11px;margin:0}#feedback{color:var(--gold);margin:0;font-size:12px}footer{padding-top:42px;padding-bottom:42px;display:flex;align-items:center;gap:45px}footer .brand{font-size:19px}footer .sun{font-size:35px}footer p{font-size:11px;color:var(--muted)}footer>small{font-size:9px;color:#8a969e;margin-left:auto;letter-spacing:1px}@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1280px)/2 + 56px)}}@media(max-width:1100px){nav{gap:16px;font-size:12px}.brand{font-size:20px}.wrap{padding-left:36px;padding-right:36px}.about,.contact-grid{gap:45px}}@media(max-width:800px){header{height:76px;padding:0 24px}.brand{font-size:20px}.sun{font-size:38px}.menu{display:block;border:0;background:none;color:white;font-size:26px;padding:8px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:24px;flex-direction:column;align-items:stretch;font-size:15px}nav.open{display:flex}nav a{padding:8px}.hero{min-height:630px;height:calc(90svh - 76px);background-position:62% center}.hero-content{padding:90px 26px}.hero-shade{background:linear-gradient(90deg,#041323db,#04132365),linear-gradient(0deg,#041323b8,transparent)}h1{font-size:44px;letter-spacing:-2px}.hero-description{font-size:15px}.hero-bottom{left:26px;right:26px;font-size:10px}.hero-bottom a{display:none}.wrap{padding-left:26px;padding-right:26px}h2{font-size:32px}.about{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:25px}.about-copy{padding:0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:23px}.business{padding:65px 0}.business-list article{grid-template-columns:30px 1fr;gap:15px;padding:30px 0}.business-list h3{font-size:25px}.detail{grid-column:2}.process{padding-top:65px;padding-bottom:70px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps h3{margin:10px 0 6px}.contact{padding:65px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:31px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;margin:0}footer>small{margin:8px 0 0}html{scroll-padding-top:76px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand .solar-logo{width:56px;height:46px;flex:0 0 auto;display:block}footer .brand .solar-logo{width:45px;height:37px}@media(max-width:800px){.brand .solar-logo{width:45px;height:37px}}

/* Spacious navigation */
header{padding-inline:3%;gap:clamp(24px,4vw,80px)}
header nav{flex:1;justify-content:space-between;gap:16px;max-width:1220px;margin-left:auto;font-size:16px;font-weight:600;letter-spacing:1.5px;white-space:nowrap}
header nav a{padding-block:15px}header nav a[aria-current="page"]{color:var(--gold)}
@media(min-width:801px) and (max-width:1200px){header{gap:24px;padding-inline:24px}header nav{font-size:13px;letter-spacing:.3px;gap:12px}.brand{font-size:18px}.brand .solar-logo{width:44px}header .nav-contact{padding-inline:12px}}
@media(max-width:800px){header{gap:12px;padding-inline:24px}header nav{font-size:16px;gap:12px;align-items:stretch;letter-spacing:1px;margin:0;max-width:none}}

/* Homepage telephone links */
.hero-contact-numbers{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:24px}
.hero-contact-numbers a{display:flex;align-items:center;gap:12px;border-left:2px solid var(--gold);padding-left:14px}
.hero-contact-numbers span{font-size:12px;color:#dce3e9}
.hero-contact-numbers strong{font-size:23px;letter-spacing:.5px;white-space:nowrap}
.hero-contact-numbers a:hover strong{color:var(--gold)}
@media(max-width:800px){.hero-contact-numbers{gap:14px;margin-top:22px}.hero-contact-numbers a{gap:10px}.hero-contact-numbers strong{font-size:21px}}/* Keep business labels close to the telephone numbers */
#home .hero-bottom{position:static;margin-top:22px;padding:16px 0 0;max-width:620px}
@media(max-width:800px){#home .hero-bottom{margin-top:18px;padding-top:14px}}
/* Shorter photo area, preserving the current contact layout */
#home.hero{height:auto;min-height:0;max-height:none}
#home .hero-content{padding-top:48px;padding-bottom:48px}
@media(max-width:800px){#home .hero-content{padding-top:36px;padding-bottom:36px}}
/* Room for descriptive solar business menu labels */
@media(min-width:801px){header{gap:clamp(18px,2.5vw,48px)}header nav{gap:12px;font-size:15px;letter-spacing:.3px}}
@media(min-width:801px){header{flex-wrap:nowrap;gap:20px;padding-inline:2%}header nav{flex-basis:auto;gap:12px;font-size:14px;letter-spacing:0}header .nav-contact{padding:11px 13px}}
@media(min-width:801px) and (max-width:1200px){header{gap:14px;padding-inline:16px}.brand{font-size:17px;gap:8px}.brand small{font-size:8px;letter-spacing:1.5px}.brand .solar-logo{width:38px;height:34px}header nav{gap:10px;font-size:12px}header .nav-contact{padding:10px}}
@media(min-width:801px) and (max-width:950px){header{gap:12px;padding-inline:12px}.brand{font-size:15px;gap:6px}.brand .solar-logo{width:32px;height:29px}.brand small{font-size:7px;letter-spacing:1px}header nav{gap:8px;font-size:11px}header .nav-contact{padding:9px 7px}}
/* Slightly larger navigation text, retaining the single row */
@media(min-width:1201px){header nav{font-size:17px}}
@media(min-width:951px) and (max-width:1200px){header nav{font-size:15px}}
@media(min-width:801px) and (max-width:950px){header nav{font-size:13px}}

/* Trading dropdown: mouse, keyboard and mobile navigation */
.nav-trading{position:relative;flex-shrink:0}
.nav-trading>a{display:block}
.trading-submenu{display:none;position:absolute;top:100%;left:-16px;min-width:160px;padding:8px;background:#102b43;border:1px solid #ffffff25;box-shadow:0 12px 28px #0004;z-index:20}
.nav-trading:hover>.trading-submenu,.nav-trading:focus-within>.trading-submenu{display:block}
header nav .trading-submenu a{display:block;padding:12px 16px;font-size:15px;letter-spacing:0;color:#fff}
header nav .trading-submenu a:hover,header nav .trading-submenu a:focus-visible,header nav .trading-submenu a[aria-current="page"]{background:#ffffff12;color:var(--gold)}
@media(max-width:800px){.trading-submenu{display:flex;position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid var(--gold);margin:4px 0 8px 8px;padding:0 6px}.nav-trading:hover>.trading-submenu,.nav-trading:focus-within>.trading-submenu{display:flex}header nav .trading-submenu a{padding:10px 16px;font-size:14px}}