/* GET100 홈 (2026-10-11 리브랜딩). 원본: 마케팅/get100-website-personal/_workspace/rebrand-20261011/v7src/
   빌드: python3 v7src/build_prod.py <site 폴더>. 이 파일을 직접 고치지 말고 원본을 고친 뒤 다시 빌드한다. */
/* =====================================================================
   홈 시안 7 (2026-10-11): 앱 우주 디자인 기반 (skills/user/getback-space-design, 9/29 밤밤 "홈페이지도 이걸 기반으로")
   고급스럽게 보이도록 지키는 것
   1. 여백을 넉넉히. 한 화면에 말하는 것 하나.
   2. 글꼴은 프리텐다드 하나(로고 글자와 같음). 크기와 굵기 차이로만 위계를 만든다.
   3. 색을 아낀다. 바탕은 깊은 보라 우주와 밝은 회백색 두 가지. 밝은 보라는 누르는 것에만, 연두는 한 화면에 한두 곳.
   4. 볼록한 효과는 '떠 있는 깊이'로 낸다. 카드와 사진이 바탕에서 떠 있도록 그림자와 보라 빛을 겹친다.
   5. 그림에는 뜻이 있다. 보라 행성 + 고리 = 나, 색 행성 = 한 사람, 행성 100개 = 100명, 별자리 선 = 연결.
   ===================================================================== */
.g7{--top:#1a0f3d;--bottom:#0b0719;--mid:#140c30;--p:#7b2fff;--p-soft:#a78bfa;--p-deep:#6d28d9;--lav:#c4b5fd;--l:#d4f000;
  --sub:rgba(255,255,255,.68);--muted:rgba(255,255,255,.46);--glass:rgba(255,255,255,.07);--glass-line:rgba(255,255,255,.13);
  --ink:#191f28;--ink-sub:#4e5968;--ink-mut:#8b95a1;--paper:#fafafb;
  --lift-d:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.45),0 0 90px rgba(123,47,255,.20);
  --lift-l:0 1px 2px rgba(25,31,40,.05),0 18px 44px rgba(76,29,149,.12);
  font-family:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo',sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
.g7 *{box-sizing:border-box}
:where(.g7) :where(p,h1,h2,h3,figure,blockquote,dl,dd,ol,ul){margin:0;padding:0}
.g7-space{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(55% 60% at 72% 48%,rgba(123,47,255,.40),rgba(123,47,255,.10) 55%,transparent 78%),linear-gradient(var(--top),var(--bottom))}
.g7-space--quiet{background:radial-gradient(50% 45% at 20% 20%,rgba(123,47,255,.20),transparent 70%),linear-gradient(var(--bottom),#120a2c)}
.g7-stars{position:absolute;inset:0;pointer-events:none}
.g7-paper{background:var(--paper);color:var(--ink)}
.g7-band{position:relative;padding-block:clamp(104px,12vw,168px)}
.g7-in{position:relative;z-index:1}

/* 글 */
/* 섹션 이름: 이 구간이 무엇인지 바로 읽히게 (밤밤 "섹션 제목 폰트가 너무 작다") */
.g7-label{display:inline-block;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:var(--l)}
.g7-paper .g7-label{color:var(--p)}
.g7-h1{font-size:clamp(2.3rem,4vw,3.6rem);font-weight:700;letter-spacing:-0.04em;line-height:1.2;margin-top:20px}
.g7-h1 .ln{display:block;white-space:nowrap}
.g7-h2{font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:700;letter-spacing:-0.035em;line-height:1.28;margin-top:14px}
.g7-word{font-weight:800;letter-spacing:-0.03em;white-space:nowrap}
.g7-word b{color:var(--l);font-weight:800}
.g7-em{color:var(--lav)}
.g7-paper .g7-em{color:var(--p)}
.g7-sub{font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.72;color:var(--sub);letter-spacing:-0.01em;margin-top:22px}
.g7-paper .g7-sub{color:var(--ink-sub)}

/* 버튼 */
.g7-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.g7-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:14px;font-family:inherit;font-weight:600;font-size:1rem;letter-spacing:-0.01em;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background-color .2s ease}
.g7-btn:hover{transform:translateY(-2px)}
.g7-btn--lime{background:var(--l);color:#140c30;box-shadow:0 10px 30px rgba(212,240,0,.18)}
.g7-btn--p{background:var(--p);color:#fff;box-shadow:0 12px 30px rgba(123,47,255,.32)}
.g7-btn--glass{background:var(--glass);color:#fff;border:1px solid var(--glass-line);backdrop-filter:blur(8px)}
.g7-btn--glass:hover{background:rgba(255,255,255,.12)}
.g7-btn--ghost{background:#fff;color:var(--ink);border:1px solid #e5e8eb}

/* ---------- 첫 화면: 왼쪽 문장, 오른쪽 행성 100개 ---------- */
/* 첫 화면: 메뉴(64px)를 뺀 보이는 높이 안에서 가운데. 위아래 여백은 같게, 화면 높이에 따라 줄어든다 (밤밤 "텍스트·그림 위에 빈 공간이 많다") */
.g7-hero{min-height:min(calc(100vh - 64px),900px);min-height:min(calc(100svh - 64px),900px);display:flex;align-items:center}
.g7-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center;width:100%;padding-block:clamp(32px,6vh,88px)}
.g7-sys{position:relative;height:min(560px,62vh,40vw)}

/* ---------- GET100이란: 유리 카드 3칸 + 실제 사진 ---------- */
.g7-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.g7-card{background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;padding:30px 28px 32px;box-shadow:var(--lift-d);backdrop-filter:blur(6px);transition:transform .35s ease,box-shadow .35s ease}
.g7-card:hover{transform:translateY(-4px)}
.g7-card .k{font-size:.9375rem;font-weight:600;color:var(--l)}
.g7-card .v{margin-top:12px;font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;line-height:1.45;color:#fff}
.g7-photos{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:auto auto;gap:22px;margin-top:88px}
.g7-ph{position:relative;margin:0}
.g7-ph>div{border-radius:20px;background:#221a44 center/cover no-repeat;box-shadow:var(--lift-d)}
.g7-ph--big{grid-row:1/3}
.g7-ph--big>div{height:100%;min-height:440px}
.g7-ph--s>div{aspect-ratio:16/10}
.g7-ph figcaption{position:absolute;left:14px;bottom:14px;font-size:.8125rem;font-weight:600;color:#fff;background:rgba(11,7,25,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:999px;padding:6px 12px}
.g7-line{margin-top:56px;font-size:clamp(1.15rem,1.6vw,1.375rem);font-weight:600;letter-spacing:-0.02em;color:#fff}
.g7-line .g7-em{font-weight:700}

/* ---------- 8기 (밝은 구간) ---------- */
.g7-apply{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(40px,6vw,88px);align-items:center}
.g7-facts{margin-top:36px;background:#fff;border-radius:18px;box-shadow:var(--lift-l);padding:6px 26px}
.g7-facts div{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #f0f1f3}
.g7-facts div:last-child{border-bottom:0}
.g7-facts dt{font-weight:700;color:var(--ink)}
.g7-facts dd{font-weight:600;line-height:1.6;color:var(--ink)}
.g7-facts dd small{display:block;margin-top:2px;font-size:.875rem;font-weight:400;color:var(--ink-mut)}
.g7-proofs{display:flex;flex-direction:column;gap:22px}
.g7-proof{background:#fff;border-radius:20px;box-shadow:var(--lift-l);padding:30px 32px 32px;transition:transform .35s ease}
.g7-proof:hover{transform:translateY(-4px)}
.g7-proof .k{font-size:.9375rem;font-weight:600;color:var(--p)}
.g7-proof .big{display:block;margin-top:8px;font-size:clamp(2.6rem,4vw,3.4rem);font-weight:800;letter-spacing:-0.04em;line-height:1.1;color:var(--ink)}
.g7-proof .big small{font-size:.42em;font-weight:700;margin-left:3px}
.g7-proof .big i{font-style:normal;color:var(--p);font-weight:700;margin:0 .1em;font-size:.78em}
.g7-proof .d{display:block;margin-top:10px;font-size:.9375rem;line-height:1.6;color:var(--ink-sub)}

/* 다음 구간 안내 (미리보기에서만) */
.g7-next{padding:56px 0;text-align:center;color:var(--muted);font-size:.9375rem;background:var(--bottom)}

/* 등장: 아래에서 떠오르기 */
.g7-rise{opacity:0;transform:translateY(16px);transition:opacity .7s ease-out,transform .7s ease-out}
.g7-rise.is-in{opacity:1;transform:none}

/* 하단 고정 버튼: 꽉 찬 띠 대신 떠 있는 버튼 */
.sticky-cta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:300;display:inline-flex;align-items:center;justify-content:center;
  background:var(--p,#7b2fff);color:#fff;font-weight:600;font-size:.9375rem;letter-spacing:-0.01em;padding:14px 22px;border-radius:999px;text-decoration:none;
  box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12) inset;white-space:nowrap;transition:opacity .35s ease,transform .35s ease,background-color .2s;
  opacity:0;pointer-events:none;transform:translate(-50%,16px)}
.sticky-cta.is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.sticky-cta.is-on:hover{background:#6a23e6;transform:translate(-50%,-2px)}


/* ---------- 길드: 멤버가 이어진 별자리 카드 4개 ---------- */
.g7-guilds{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.g7-guild{position:relative;display:flex;flex-direction:column;gap:10px;min-height:300px;padding:26px 24px 26px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--lift-d);backdrop-filter:blur(6px);color:#fff;text-decoration:none;transition:transform .35s ease,border-color .35s ease}
.g7-guild:hover{transform:translateY(-4px);border-color:rgba(196,181,253,.38)}
.g7-glyph{width:120px;height:64px;margin-bottom:10px}
.g7-guild .k{font-size:.8125rem;font-weight:600;color:var(--l)}
.g7-guild b{font-size:1.3rem;font-weight:700;letter-spacing:-0.025em}
.g7-guild .d{font-size:.9375rem;line-height:1.6;color:var(--sub)}
.g7-guild .who{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:.8125rem;line-height:1.5;color:var(--muted)}
.g7-guild::after{content:"\2192";position:absolute;right:22px;top:24px;color:var(--lav);opacity:.7;transition:transform .3s ease}
.g7-guild:hover::after{transform:translateX(3px)}

/* ---------- 둘로 나누는 배치 ---------- */
.g7-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,88px);align-items:center}
.g7-split--app{grid-template-columns:1fr 1.08fr}
.g7-h2--fit{font-size:clamp(1.75rem,2.6vw,2.35rem)}
.g7-h2--fit .ln{display:block;white-space:nowrap}
@media (max-width:640px){.g7-h2--fit .ln{white-space:normal}}
.g7-split--letter{grid-template-columns:1fr .9fr;align-items:start}

/* ---------- 인사이트 데이: 회차 카드 ---------- */
.g7-eps{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.g7-ep{display:flex;flex-direction:column;gap:10px;min-height:260px;padding:28px 26px;border-radius:20px;background:#fff;box-shadow:var(--lift-l);color:var(--ink);text-decoration:none;transition:transform .35s ease}
.g7-ep:hover{transform:translateY(-4px)}
.g7-ep .no{font-size:2.1rem;font-weight:800;letter-spacing:-0.04em;color:var(--p)}
.g7-ep .st{font-size:.8125rem;font-weight:600;color:var(--ink-mut)}
.g7-ep b{margin-top:6px;font-size:1.1875rem;font-weight:700;line-height:1.45;letter-spacing:-0.02em}
.g7-ep .who{margin-top:auto;font-size:.875rem;color:var(--ink-sub)}
.g7-ep--next{background:#f3f0ff;box-shadow:none;border:1px dashed rgba(123,47,255,.35)}
.g7-ep--next .no{color:rgba(123,47,255,.55)}

/* ---------- 앱: 실제 소개 영상을 띄운 창 ---------- */
.g7-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}
.g7-flow span{padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);font-size:.9375rem;font-weight:600}
.g7-flow i{font-style:normal;color:var(--lav)}
.g7-note{margin-top:16px;font-size:.875rem;color:var(--muted)}
.g7-video{margin:0}
.g7-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:#140c30;object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.55),0 0 120px rgba(123,47,255,.35)}
.g7-video figcaption{margin-top:16px;font-size:.8125rem;line-height:1.6;color:var(--muted)}

/* ---------- 의뢰하기: 흰 카드 두 장 ---------- */
.g7-asks{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.g7-ask{display:flex;flex-direction:column;gap:14px;padding:36px 34px 32px;border-radius:22px;background:#fff;box-shadow:var(--lift-l);color:var(--ink);text-decoration:none;transition:transform .35s ease}
.g7-ask:hover{transform:translateY(-4px)}
.g7-ask .k{font-size:.875rem;font-weight:600;color:var(--p)}
.g7-ask b{font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:700;line-height:1.42;letter-spacing:-0.03em}
.g7-ask .d{font-size:1rem;line-height:1.65;color:var(--ink-sub)}
.g7-ask .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.g7-ask .chips span{padding:7px 12px;border-radius:999px;background:#f2f4f6;font-size:.8125rem;font-weight:600;color:var(--ink-sub)}
.g7-ask .go{margin-top:auto;padding-top:14px;font-size:.9375rem;font-weight:600;color:var(--ink)}
.g7-ask:hover .go{color:var(--p)}

/* ---------- 레터: 최근 글 + 구독 카드 ---------- */
.g7-letters{margin-top:34px;border-top:1px solid rgba(255,255,255,.12)}
.g7-letters .vol-card{display:flex!important;gap:16px;align-items:baseline;padding:16px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff;text-decoration:none;transform:none!important}
.g7-letters .vol-card__num{flex:none;margin:0!important;font-size:.8125rem!important;font-weight:600;color:var(--lav)!important;letter-spacing:0!important;text-transform:none!important}
.g7-letters .vol-card__title{margin:0!important;font-size:1rem!important;font-weight:600;color:#fff!important}
.g7-letters .vol-card__excerpt{display:none!important}
.g7-letters .vol-card:hover .vol-card__title{color:var(--l)!important}
.g7-more{display:inline-block;margin-top:22px;font-size:.9375rem;font-weight:600;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}
.g7-form{background:#fff;color:var(--ink);border-radius:22px;padding:32px 30px 30px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 100px rgba(123,47,255,.25)}
.g7-form__t{font-size:1.125rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:16px}
.g7-form .input{width:100%;border:1px solid #e5e8eb;border-radius:12px;padding:15px 16px;font-family:inherit;font-size:1rem;background:#f9fafb;color:var(--ink);box-shadow:none;outline:none;transition:border-color .2s,background-color .2s}
.g7-form .input:focus{border-color:var(--p);background:#fff}
.g7-form .ln-consent{color:var(--ink-sub)}
.g7-form .btn{width:100%;justify-content:center;margin-top:12px;min-height:54px;border:0;border-radius:14px;background:var(--p);color:#fff;font-weight:600;box-shadow:0 12px 30px rgba(123,47,255,.3)}
.g7-form .btn:hover{background:#6a23e6;transform:none}
.g7-form #letterSuccess{color:var(--p)!important}

@media (max-width:1100px){.g7-guilds{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .g7-split,.g7-split--app,.g7-split--letter,.g7-split--events,.g7-asks{grid-template-columns:1fr}
  .g7-eps{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .g7-guilds,.g7-eps{grid-template-columns:1fr}
  .g7-guild{min-height:0}
  .g7-ask{padding:28px 24px}
}


/* ---------- 오프라인 행사: 사례 목록 카드 ---------- */
.g7-split--events{grid-template-columns:1.05fr .95fr}
@media (max-width:900px){.g7-split--events{grid-template-columns:1fr}}
.g7-cases{background:#fff;border-radius:22px;box-shadow:var(--lift-l);padding:30px 34px 18px}
.g7-cases__t{font-size:.9375rem;font-weight:600;color:var(--p);margin-bottom:6px}
.g7-cases ul{list-style:none;margin:0;padding:0}
.g7-cases li{padding:17px 0;border-bottom:1px solid #f0f1f3;font-size:1.0625rem;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.g7-cases li:last-child{border-bottom:0}

@media (prefers-reduced-motion:reduce){.g7-rise{opacity:1;transform:none;transition:none}}
@media (max-width:900px){
  .g7-hero__grid,.g7-apply{grid-template-columns:1fr}
  .g7-sys{height:340px;order:-1}
  .g7-cards{grid-template-columns:1fr}
  .g7-photos{grid-template-columns:1fr}
  .g7-ph--big{grid-row:auto}
  .g7-ph--big>div{min-height:0;aspect-ratio:16/10}
}
@media (max-width:640px){
  .g7-hero__grid{padding-block:84px 72px;gap:8px}
  .g7-sys{height:300px}
  .g7-h1{font-size:clamp(2rem,8.6vw,2.5rem)}
  .g7-h1 .ln{white-space:normal}
  .g7-sub br,.g7-h2 br.pc{display:none}
  .g7-btn{width:100%}
  .g7-band{padding-block:96px}
}

/* 메뉴 뒤 바탕도 우주색으로 */
body{background:#0b0719}


/* ---------- 첫 화면 제목 (밤밤 2026-10-11) ----------
   반복되는 '커뮤니티' 두 단어는 가장 굵은 흰 글자로, 나머지 글자는 한 단계 낮춰 두 단어가 먼저 보이게 한다.
   빛이 지나가는 애니메이션은 밤밤 "좀 이상하네"로 뺐다. GET100은 전부 형광 연두(#d4f000), 번짐 없이 또렷하게. */
.g7-hero .g7-h1{color:rgba(255,255,255,.7);font-weight:600}
.g7-kw{font-weight:800;color:#fff}
.g7-word--lime{color:var(--l);font-weight:800}

/* =====================================================================
   PC 마우스: GET100 별 커서 + 마우스를 올리면 확실히 반응 (2026-10-11 밤밤)
   터치 기기(hover 없음)에는 적용하지 않는다.
   ===================================================================== */
.g7-cur,.g7-cur-glow{position:fixed;left:0;top:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s ease}
.g7-cur.is-on,.g7-cur-glow.is-on{opacity:1}
.g7-cur,.g7-cur-glow{width:0;height:0}
.g7-cur svg{position:absolute;left:-16px;top:-16px;width:32px!important;height:32px!important;max-width:none!important;max-height:none!important;overflow:visible;
  filter:drop-shadow(0 0 1.2px rgba(255,255,255,.95)) drop-shadow(0 3px 6px rgba(0,0,0,.45));
  transition:transform .28s cubic-bezier(.2,.9,.25,1.25)}
.g7-cur__spin{transform-origin:60px 60px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.g7-cur__dot{transform-box:fill-box;transform-origin:center}
.g7-cur.is-hover svg{transform:scale(1.65) rotate(-10deg)}
.g7-cur.is-hover .g7-cur__spin{transform:rotate(-18deg)}
.g7-cur.is-hover .g7-cur__dot{animation:g7dot .9s ease-in-out infinite alternate}
.g7-cur.is-down svg{transform:scale(.82)}
.g7-cur.is-hover.is-down svg{transform:scale(1.35) rotate(-10deg)}
.g7-cur.is-text,.g7-cur-glow.is-text{opacity:0}
@keyframes g7dot{from{transform:scale(1)}to{transform:scale(1.6)}}
.g7-cur-glow::before{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;
  background:radial-gradient(circle,rgba(167,139,250,.42),rgba(123,47,255,.12) 50%,transparent 72%);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
.g7-cur-glow.is-hover::before{transform:scale(2);background:radial-gradient(circle,rgba(212,240,0,.30),rgba(123,47,255,.18) 48%,transparent 72%)}
@media (hover:hover) and (pointer:fine){
  html.g7-has-cursor,html.g7-has-cursor body,html.g7-has-cursor a,html.g7-has-cursor button,html.g7-has-cursor label,
  html.g7-has-cursor [role="button"],html.g7-has-cursor summary,html.g7-has-cursor input[type="checkbox"],html.g7-has-cursor input[type="submit"]{cursor:none}
  html.g7-has-cursor input[type="email"],html.g7-has-cursor input[type="text"],html.g7-has-cursor textarea{cursor:text}

  /* 버튼: 떠오르고, 빛이 한 번 지나간다 */
  .g7-btn{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.9,.25,1.2),box-shadow .3s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
  .g7-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.55) 50%,transparent 75%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}
  .g7-btn:hover{transform:translateY(-5px) scale(1.04)}
  .g7-btn:hover::after{transform:translateX(130%)}
  .g7-btn:active{transform:translateY(-1px) scale(.98)}
  .g7-btn--lime:hover{box-shadow:0 20px 46px rgba(212,240,0,.38)}
  .g7-btn--p:hover{background:#8a45ff;box-shadow:0 20px 46px rgba(123,47,255,.55)}
  .g7-btn--glass:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);box-shadow:0 16px 40px rgba(0,0,0,.4)}
  .g7-btn--ghost:hover{border-color:var(--p);color:var(--p);box-shadow:0 16px 38px rgba(76,29,149,.18)}
  .nav .btn--yellow{transition:transform .3s cubic-bezier(.2,.9,.25,1.2),box-shadow .3s,background-color .2s}
  .nav .btn--yellow:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 30px rgba(123,47,255,.55)}

  /* 유리 카드: 크게 떠오르고 보라 빛이 번진다 */
  .g7-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease,background-color .45s ease}
  .g7-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.11);border-color:rgba(196,181,253,.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 34px 80px rgba(0,0,0,.55),0 0 130px rgba(123,47,255,.42)}
  .g7-card .v{transition:color .3s}
  .g7-card:hover .v{color:#fff}
  .g7-card .k{transition:letter-spacing .3s}

  /* 사진: 떠오르고 안쪽 사진이 천천히 다가온다 */
  .g7-ph>div{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}
  .g7-ph>div::before{content:"";position:absolute;inset:0;background:inherit;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
  .g7-ph:hover>div{transform:translateY(-8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 34px 80px rgba(0,0,0,.55),0 0 120px rgba(123,47,255,.38)}
  .g7-ph:hover>div::before{transform:scale(1.08)}
  .g7-ph figcaption{transition:transform .55s cubic-bezier(.2,.8,.2,1),background-color .3s}
  .g7-ph:hover figcaption{transform:translateY(-8px);background:rgba(123,47,255,.75)}

  /* 8기 숫자 카드 */
  .g7-proof{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
  .g7-proof:hover{transform:translateY(-10px);box-shadow:0 0 0 2px rgba(123,47,255,.28),0 30px 60px rgba(76,29,149,.2)}
  .g7-proof .big i{display:inline-block;transition:transform .45s cubic-bezier(.2,.9,.25,1.3)}
  .g7-proof:hover .big i{transform:translateX(6px)}

  /* 앱 영상 창 */
  .g7-video video{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}
  .g7-video:hover video{transform:translateY(-6px) scale(1.015);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 40px 90px rgba(0,0,0,.6),0 0 160px rgba(123,47,255,.55)}

  /* 레터 목록: 오른쪽으로 밀리며 화살표가 나온다 */
  .g7-letters .vol-card{position:relative;transition:padding-left .35s cubic-bezier(.2,.8,.2,1),background-color .3s}
  .g7-letters .vol-card::after{content:"\2192";position:absolute;right:4px;top:50%;transform:translate(-10px,-50%);opacity:0;color:var(--l);font-weight:700;transition:transform .35s ease,opacity .35s ease}
  .g7-letters .vol-card:hover{padding-left:12px!important}
  .g7-letters .vol-card:hover::after{opacity:1;transform:translate(0,-50%)}
  .g7-more{transition:color .25s,border-color .25s,letter-spacing .3s}
  .g7-more:hover{color:var(--l);border-color:var(--l)}

  /* 오프라인 행사 사례 카드 */
  .g7-cases{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
  .g7-cases:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(76,29,149,.16)}

  /* 첫 화면 행성: 마우스를 따라 부드럽게 */
  .g7-sys{transition:transform .9s cubic-bezier(.2,.8,.2,1)}

  /* 하단 떠 있는 버튼 */
  .sticky-cta.is-on:hover{transform:translate(-50%,-4px) scale(1.04);box-shadow:0 20px 50px rgba(123,47,255,.55),0 0 0 1px rgba(255,255,255,.16) inset}

  /* 푸터 링크 */
  .footer a{transition:color .2s}
  .footer a:hover{color:#d4f000}
}
@media (prefers-reduced-motion:reduce){.g7-cur svg,.g7-cur__spin,.g7-cur-glow::before{transition:none}.g7-cur.is-hover .g7-cur__dot{animation:none}}

/* 첫 화면 오로라 */
.g7-art{position:relative;perspective:1100px}
@keyframes g7float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.g7-art--img .g7-art__obj{position:absolute;left:50%;top:50%;width:min(118%,620px);aspect-ratio:1;translate:-50% -50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.g7-art__float{width:100%;height:100%;animation:g7float 8s ease-in-out infinite}
.g7-art--img img{display:block;width:100%;height:100%;max-width:none}
.g7-art__float{position:relative}
.g7-aurora{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important}
.g7-art__float.is-gl img{visibility:hidden}
@keyframes g7spin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){.g7-art--img img,.g7-art__float{animation:none}}

/* ---------- 기존 홈 사진 되살리기 (밤밤 "기존 홈페이지에 있던 이미지들 안 쓰는 것 같아서 아쉽다") ----------
   GET100이란: 현장 사진 띠가 끝없이 천천히 흐른다. 마우스를 올리면 멈추고 올린 사진이 커진다.
   오프라인 행사: 밤밤이 기획·운영한 행사 사진 4장. */
.g7-marquee{position:relative;width:100vw;margin:80px 0 0 calc(50% - 50vw);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.g7-marquee__track{display:flex;gap:18px;width:max-content;padding:14px 7vw 34px;animation:g7pan 48s ease-in-out infinite alternate}
.g7-marquee:hover .g7-marquee__track{animation-play-state:paused}
/* 같은 사진을 두 번 이어 붙이지 않는다: 끝까지 천천히 갔다가 되돌아온다 (밤밤 "반복 사용 없게") */
@keyframes g7pan{from{transform:translateX(0)}to{transform:translateX(calc(100vw - 100%))}}
.g7-mq{flex:none;margin:0;height:clamp(190px,21vw,290px);border-radius:18px;overflow:hidden;background:#221a44;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.45)}
.g7-mq img{display:block;height:100%;width:auto;max-width:none;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s}
.g7-evpics{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(48px,6vw,72px)}
.g7-evpics .g7-ph>div{aspect-ratio:16/10;border-radius:20px;box-shadow:var(--lift-l)}
@media (hover:hover) and (pointer:fine){
  .g7-mq:hover img{transform:scale(1.07)}
  .g7-marquee:hover .g7-mq:not(:hover) img{filter:brightness(.72)}
  .g7-paper .g7-ph:hover>div{box-shadow:0 30px 60px rgba(76,29,149,.22),0 0 0 2px rgba(123,47,255,.18)}
}
@media (max-width:640px){.g7-evpics{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.g7-marquee__track{animation:none}.g7-marquee{overflow-x:auto}}


/* =====================================================================
   2026-10-11 리브랜딩 홈 전용 메뉴·푸터 (앱 우주 디자인 기반)
   홈에서만 메뉴와 푸터를 우주 바탕에 맞춘다. 다른 페이지는 css/style.css 그대로다.
   ===================================================================== */
.nav{background:rgba(11,7,25,.94);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav__sub,.nav__mobile{background:#0b0719}
.nav .btn--yellow{background:#7b2fff;color:#fff;border:0;border-radius:12px;box-shadow:none;padding:10px 18px;font-weight:600}
.nav .btn--yellow:hover{background:#6a23e6;color:#fff;transform:none;box-shadow:none}
.footer{background:#0b0719}

/* 바닥글 작은 글자가 너무 흐리던 것(10/12 대비 점검) */
.footer__nav-title{color:rgba(245,245,240,.6)}
.footer__biz{color:rgba(245,245,240,.55)}
.footer__policy a{color:rgba(245,245,240,.6)}
.footer__copy{color:rgba(245,245,240,.45)}