:root{--bg:#05080d;--panel:#0a1019;--text:#f5f8fb;--muted:#aab5c2;--cyan:#72c8ff;--cream:#f4eadc;--line:rgba(255,255,255,.12);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}strong{color:#fff}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:74px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:26px;background:rgba(4,7,11,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{margin-right:auto}.brand img{width:230px}.nav{display:flex;gap:21px;font-size:11px;letter-spacing:.13em}.nav a:hover{color:var(--cyan)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:white;border-radius:30px;padding:9px 14px}
.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:700;font-size:13px;transition:.25s}
.cta{background:#fff;color:#07101b}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(76,191,255,.28)}.cta.small{padding:10px 18px}.ghost{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.03)}
.section{padding:105px max(24px,calc((100vw - var(--max))/2))}.eyebrow{color:var(--cyan);letter-spacing:.19em;font-size:12px;font-weight:700;margin:0 0 16px}
h1,h2,h3,p{margin-top:0}.section h2,.intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.section h2 span,.intro h2 span{color:var(--cyan)}

.hero{min-height:780px;padding:125px max(24px,calc((100vw - var(--max))/2)) 70px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 73% 50%,rgba(20,105,210,.24),transparent 28%),linear-gradient(120deg,#02050a,#071321 66%,#08101a)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line)}.hero-stars{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 78%)}
.hero-copy{position:relative;z-index:3;max-width:610px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7vw,100px);font-weight:400;line-height:.95;margin:0 0 30px;letter-spacing:-.045em}.hero h1 span{color:var(--cream);font-size:.78em}.hero h2{font-size:clamp(26px,3vw,42px);font-weight:500}.lead{max-width:570px;color:#c7d0da;font-size:18px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero-photo{position:relative;z-index:2;justify-self:end;width:min(48vw,560px);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 70px rgba(60,150,255,.17)}.hero-photo img{width:100%;aspect-ratio:1.06/1;object-fit:cover}.hero-photo-glow{position:absolute;inset:0;box-shadow:inset 0 0 50px rgba(83,178,255,.18);pointer-events:none}
.hero-side{position:absolute;right:3%;top:28%;z-index:4;font-family:Georgia,serif;font-size:22px;line-height:1.25;color:#dce8f5;opacity:.8}.hero-side span,.hero-side b,.hero-side small{display:block}.hero-side b{margin:6px 0 22px}.hero-side small{font-family:Inter,Pretendard,sans-serif;font-size:12px;line-height:1.6}

.intro{background:#080d14;text-align:center}.intro>p:last-child{max-width:900px;margin:0 auto;color:var(--muted);font-size:18px}
.moon-section{background:radial-gradient(circle at 80% 10%,rgba(65,118,255,.12),transparent 30%),linear-gradient(#04070c,#060a11)}.section-head{display:grid;grid-template-columns:1fr 260px;gap:54px;align-items:center}.section-head p{color:var(--muted);max-width:760px}
.video-sphere{width:230px;height:230px;border-radius:50%;overflow:hidden;border:1px solid rgba(130,210,255,.6);box-shadow:0 0 45px rgba(54,139,255,.28);justify-self:end;background:#000}.video-sphere video{width:100%;height:100%;object-fit:cover}.video-sphere.realistic{box-shadow:0 16px 45px rgba(0,0,0,.45),0 0 35px rgba(99,178,255,.18)}
.realistic-phase-row{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:64px}.realistic-phase-row figure,.sun-photo-row figure{margin:0;text-align:center}.realistic-phase-row img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 35px rgba(0,0,0,.5)}.realistic-phase-row figcaption{margin-top:14px;color:#a9daf7}.flip{transform:scaleX(-1)}

.sun-section{text-align:center;background:linear-gradient(180deg,#070b14 0%,#171823 42%,#2d1c1b 75%,#090b10 100%)}.sun-copy{max-width:850px;margin:0 auto}.sun-copy p:last-child{color:#c9c7cb}.sun-photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:55px auto 48px;max-width:900px}.sun-photo-row img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 50px rgba(0,0,0,.45)}.sun-photo-row figcaption{margin-top:12px;color:#f7c490}.sun-showcase{margin-top:35px}.sun-video{width:min(52vw,420px);height:min(52vw,420px);margin:0 auto;box-shadow:0 0 100px rgba(255,110,41,.18)}.sun-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:15px;margin-top:30px;font-size:12px;color:#ffc260}.sun-timeline b{height:1px;background:linear-gradient(90deg,#ff9938,#7acfff)}

.products{background:#090e15}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-title-row p{color:var(--muted)}.size-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:70px;overflow-x:auto;padding:20px 0 14px}.size-item{min-width:145px;text-align:center}.sphere-photo{width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;margin:0 auto 20px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 35px rgba(0,0,0,.5),0 0 20px rgba(64,148,255,.16)}.sphere-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.size-item strong,.size-item small{display:block}.size-item small{color:#7f8b99}.note{font-size:12px;color:#6f7b88;margin-top:28px}

.world-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:radial-gradient(circle at 85% 48%,rgba(37,92,177,.3),transparent 35%),#050914;overflow:hidden}.world-copy p{color:#bcc7d2;font-size:17px}.world-copy .cta{margin-top:18px}.world-visual{position:relative;border-radius:24px;overflow:hidden;min-height:510px;background:#07101c;box-shadow:0 25px 75px rgba(0,0,0,.45)}.world-visual>img{width:100%;height:100%;min-height:510px;object-fit:cover}.world-tags{position:absolute;right:18px;top:26px;display:flex;flex-direction:column;gap:10px;text-align:right}.world-tags span{font-size:10px;letter-spacing:.14em;color:#91b7da;text-shadow:0 2px 8px #000}

.solutions.light{background:#f4f0e9;color:#151719}.solutions.light .eyebrow{color:#60788e}.solutions.light>h2{text-align:center}.solutions-intro{text-align:center;color:#60666d;margin-bottom:44px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:12px;overflow:hidden;padding-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.card-photo{height:210px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover}.cards h3,.cards p{padding:0 18px}.cards h3{margin:18px 0 6px;font-size:20px}.cards p{color:#626a72;font-size:14px}

.expansion{display:grid;grid-template-columns:1fr 1.18fr;padding:0;background:#050914;min-height:450px}.expansion-image{overflow:hidden}.expansion-image img{width:100%;height:100%;min-height:450px;object-fit:cover}.expansion-copy{padding:70px 7vw;align-self:center}.expansion-copy p{color:#aeb9c5}.expansion-copy strong{color:#fff}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:linear-gradient(135deg,#06101b,#03060a)}.contact-copy p:last-child{color:var(--muted)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:12px;color:#9eacb9}.contact-form label:nth-child(4),.contact-form button,.contact-form small{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;background:#0c141e;border:1px solid var(--line);border-radius:10px;padding:14px;color:white}.contact-form textarea{resize:vertical}.contact-form small{color:#667482}
footer{padding:55px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:30px;color:#81909f;background:#020406}footer img{width:240px}.footer-links{display:flex;gap:25px;font-size:13px}footer>p{grid-column:1/-1;font-size:12px;border-top:1px solid var(--line);padding-top:24px;margin:0}
.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.on{opacity:1;transform:none}

@media(max-width:1050px){.hero-side{display:none}.nav{gap:14px}.brand img{width:205px}}
@media(max-width:900px){.site-header{height:64px}.brand img{width:190px}.nav{position:absolute;top:64px;left:0;right:0;background:#05080d;padding:22px 24px;display:none;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}.site-header>.cta{display:none}.hero{grid-template-columns:1fr;padding-top:110px;min-height:auto;text-align:center}.hero-copy{margin:0 auto}.hero-photo{justify-self:center;margin-top:50px;width:min(88vw,560px)}.section-head{grid-template-columns:1fr}.video-sphere{justify-self:center}.realistic-phase-row{grid-template-columns:repeat(3,1fr)}.world-section{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.expansion{grid-template-columns:1fr}.section-title-row{align-items:start;flex-direction:column}}
@media(max-width:620px){.section{padding:78px 20px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.realistic-phase-row{grid-template-columns:repeat(2,1fr)}.sun-photo-row{grid-template-columns:1fr;max-width:300px}.cards{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.footer-links{flex-wrap:wrap}.site-header{padding:0 16px}.brand img{width:172px}.sun-timeline{grid-template-columns:1fr;font-size:11px}.sun-timeline b{display:none}.world-visual,.world-visual>img{min-height:390px}.expansion-copy{padding:58px 20px}}