/* ============================================================
   ARIFE 홈 히어로 — 밝은 벌로 다시 짜기  v610  (2026-08-04)

   왜 다시 짰나
   ─────────────
   바탕을 밝은 유리로 바꾸자 히어로만 예전 규칙으로 남았다.
   어두운 영상 위에 쓰라고 만든 글색·그림자·불빛이라
   밝은 판 위에서는 글이 뜨고 조각이 겹쳐 보였다.

   무엇을 바꿨나
     · 배경 영상을 뺀다. 대신 빛을 층으로 쌓는다
       (왼쪽 위 조명 · 반응로 뒤 푸른 번짐 · 옅은 설계 격자 · 천천히 지나는 빛띠).
     · 글색을 밝은 판 기준으로 다시 잡는다.
     · 반응로 조각 셋을 서로 안 겹치는 자리에 앉히고,
       튀어나온 정도(translateZ)를 같게 맞춘다.
       — 예전엔 30·45·55px 로 달라서 원근 때문에 화면에서 서로 끌려와 겹쳤다(실측).
     · 움직임을 다시 짠다. 들어올 때 차례로 올라오고,
       조각은 각자 다른 속도로 아주 조금 뜬다. 고리는 느리게.
     · 움직임을 싫어하는 설정이면 전부 멈춘다.
   ============================================================ */

/* ── 배경 영상은 남긴다 — 대신 유리 뒤로 넣는다 ─────────── */
/* 원본 그대로 두면 어두운 바다 장면이라 밝은 판과 싸운다.
   밝기를 올리고 채도를 낮춰 옅은 무늬처럼 만든 뒤,
   그 위에 젖빛 유리(.landing-shade-v302)를 덮는다. */
html body.a-glass-page.landing-v302:not(#nope) .landing-video:not(#_):not(#_),
html body.a-glass-page.landing-v302:not(#nope) .landing-video.is-ready:not(#_):not(#_){
  display:block!important;
  opacity:.85!important;
  filter:brightness(1.06) contrast(.94) saturate(.74)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 97%);
  mask-image:linear-gradient(180deg,#000 58%,transparent 97%);
}

/* ── 히어로 바탕 = 빛의 층 ─────────────────────────────── */
html body.a-glass-page.landing-v302:not(#nope) .landing-hero-v302{
  position:relative;
  background:
    radial-gradient(58% 46% at 12% 4%,rgba(224,233,245,.7),transparent 64%),
    radial-gradient(46% 40% at 78% 30%,rgba(150,180,224,.42),transparent 66%),
    radial-gradient(60% 50% at 60% 104%,rgba(231,237,246,.85),transparent 66%)!important;
  isolation:isolate;
}
/* 옅은 설계 격자 */
html body.a-glass-page.landing-v302:not(#nope) .landing-grid-v302:not(#_):not(#_){
  opacity:1!important;
  background:
    linear-gradient(rgba(60,80,110,.09) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(90deg,rgba(60,80,110,.09) 1px,transparent 1px) 0 0/64px 64px!important;
  -webkit-mask-image:radial-gradient(78% 62% at 50% 42%,#000 40%,transparent 84%);
  mask-image:radial-gradient(78% 62% at 50% 42%,#000 40%,transparent 84%);
}
/* 천천히 지나가는 빛띠 — 유리를 스치는 굴절 */
html body.a-glass-page.landing-v302:not(#nope) .landing-shade-v302:not(#_):not(#_){
  opacity:1!important;
  background:
    linear-gradient(104deg,
      transparent 0 30%,
      rgba(229,237,248,.5) 42%,
      rgba(255,255,255,.14) 50%,
      transparent 62% 100%),
    linear-gradient(180deg,rgba(228,232,238,.3),rgba(216,221,228,.2) 52%,rgba(231,237,246,.55) 82%,#e4ebf4 100%),
    radial-gradient(62% 52% at 22% 34%,rgba(227,235,246,.34),transparent 68%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(.94);
  backdrop-filter:blur(2px) saturate(.94);
  background-size:260% 100%,100% 100%,100% 100%;
  animation:home-sweep-v610 26s ease-in-out infinite;
  pointer-events:none;
}
@keyframes home-sweep-v610{
  0%,100%{background-position:118% 0,0 0,0 0}
  50%{background-position:-18% 0,0 0,0 0}
}

/* ── 글 ───────────────────────────────────────────────── */
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302::before{
  background:linear-gradient(112deg,rgba(227,235,246,.58),rgba(226,230,236,.24) 72%,transparent)!important;
  border:1px solid rgba(227,235,246,.58);
  box-shadow:0 26px 50px -30px rgba(28,58,108,.5);
}
html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302>span{color:#1b2430!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302>span i{
  background:#1c56be!important;box-shadow:0 0 10px rgba(46,95,174,.6)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302>b{
  background:rgba(227,235,246,.58)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  color:#26303d!important;
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.9)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1 span{color:#14202e!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1 em{
  background:linear-gradient(102deg,#1c56be 0%,#3c74c8 46%,#5566bd 96%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;
  filter:none!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-lead-v302{color:#333b47!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302 strong{color:#1b2430!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302 span{color:#48505d!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302>div+div::before{
  background:rgba(40,52,70,.28)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-scroll-v302 span{color:#26303d!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-scroll-v302 i{background:rgba(40,52,70,.4)!important}

/* ── 반응로 ───────────────────────────────────────────── */
html body.a-glass-page.landing-v302:not(#nope) .landing-reactor-v302{--reactor-blue:#5f8ee8}
html body.a-glass-page.landing-v302:not(#nope) .reactor-aura-v302{
  opacity:.42!important;
  background:radial-gradient(circle,rgba(120,160,220,.85) 0,rgba(150,180,220,.28) 26%,transparent 68%)!important;
  animation:home-breathe-v610 9s ease-in-out infinite;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-orbit-v302{
  border-color:rgba(70,110,180,.42)!important;
  box-shadow:0 0 26px rgba(90,130,200,.16),inset 0 0 20px rgba(234,241,250,.38)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .orbit-one-v302{animation-duration:24s!important}
html body.a-glass-page.landing-v302:not(#nope) .orbit-two-v302{animation-duration:31s!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-orbit-v302 i{
  background:#3f6fbe!important;box-shadow:0 0 12px rgba(63,111,190,.7)!important;
}
/* 가운데 덩이 — 짙은 남색 유리 */
html body.a-glass-page.landing-v302:not(#nope) .reactor-core-v302{
  border-color:rgba(255,255,255,.75)!important;
  background:
    radial-gradient(circle at 70% 12%,rgba(255,255,255,.75),transparent 34%),
    linear-gradient(146deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 46%,rgba(234,241,250,.38)),
    rgba(150,175,210,.55)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  backdrop-filter:blur(20px) saturate(1.5)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,1),
    inset 0 -2px 0 rgba(225,234,246,.68),
    inset 0 -22px 30px -20px rgba(255,255,255,.95),
    10px 16px 0 rgba(120,133,152,.32),
    28px 44px 70px -28px rgba(28,58,108,.5)!important;
  animation:home-core-v610 11s ease-in-out infinite;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-core-v302::before{
  border-color:rgba(255,255,255,.55)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-core-top-v302{color:#25334a!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-core-v302 strong{
  color:#16233a!important;text-shadow:0 3px 10px rgba(255,255,255,.7)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-core-v302 small{color:#2c3a4f!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-floor-v302{
  opacity:.3!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(60,80,110,.4),transparent 68%)!important;
}

/* 조각 셋 — 겹치지 않는 자리, 튀어나온 정도는 똑같이 */
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302{
  border-color:rgba(255,255,255,.7)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)),
    rgba(223,232,244,.8)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  backdrop-filter:blur(16px) saturate(1.5)!important;
  color:#1b2430!important;
  box-shadow:
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -1.2px 0 rgba(255,255,255,.55),
    0 6px 0 rgba(120,133,152,.3),
    0 20px 34px -18px rgba(28,58,108,.5)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302 small{color:#4a5870!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302 strong{color:#141c28!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302 span{color:#4a5870!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302::after{background:#93a1b5!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302.is-active{
  border-color:rgba(255,255,255,.85)!important;
  background:
    linear-gradient(180deg,rgba(231,238,248,.48),rgba(255,255,255,.06) 50%,rgba(255,255,255,.24)),
    rgba(150,190,242,.8)!important;
  box-shadow:
    inset 0 1.6px 0 rgba(255,255,255,1),
    0 6px 0 rgba(96,116,146,.4),
    0 22px 36px -18px rgba(20,34,58,.55)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302.is-active::after{
  background:#16233a!important;box-shadow:0 0 10px rgba(22,35,58,.5)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .mode-studio-v302{
  left:-2%!important;top:2%!important;
  transform:translateZ(24px) rotate(-3deg)!important;
  animation:home-float-a-v610 7.5s ease-in-out infinite;
}
html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{
  right:-2%!important;top:34%!important;
  transform:translateZ(24px) rotate(3deg)!important;
  animation:home-float-b-v610 9s ease-in-out infinite .6s;
}
html body.a-glass-page.landing-v302:not(#nope) .mode-market-v302{
  left:-2%!important;bottom:15%!important;
  transform:translateZ(24px) rotate(2deg)!important;
  animation:home-float-c-v610 8.2s ease-in-out infinite 1.2s;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302:hover{
  transform:translateZ(34px) translateY(-3px) rotate(0deg)!important;
  animation-play-state:paused;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-status-v302{
  border-color:rgba(255,255,255,.65)!important;
  background:
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.1) 50%,rgba(235,241,250,.36)),
    rgba(255,255,255,.7)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  backdrop-filter:blur(16px) saturate(1.5)!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 18px 32px -18px rgba(28,58,108,.5)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-status-v302 span{color:#25334a!important}
html body.a-glass-page.landing-v302:not(#nope) .reactor-status-v302 span i{
  background:#1c56be!important;box-shadow:0 0 10px rgba(46,95,174,.6)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .reactor-status-v302 strong{color:#141c28!important}

@keyframes home-float-a-v610{
  0%,100%{transform:translateZ(24px) rotate(-3deg) translateY(0)}
  50%{transform:translateZ(24px) rotate(-3deg) translateY(-9px)}
}
@keyframes home-float-b-v610{
  0%,100%{transform:translateZ(24px) rotate(3deg) translateY(0)}
  50%{transform:translateZ(24px) rotate(3deg) translateY(-7px)}
}
@keyframes home-float-c-v610{
  0%,100%{transform:translateZ(24px) rotate(2deg) translateY(0)}
  50%{transform:translateZ(24px) rotate(2deg) translateY(-8px)}
}
@keyframes home-breathe-v610{
  0%,100%{opacity:.34;transform:translate(-50%,-50%) translateZ(-80px) scale(1)}
  50%{opacity:.5;transform:translate(-50%,-50%) translateZ(-80px) scale(1.06)}
}
@keyframes home-core-v610{
  0%,100%{transform:translate(-50%,-50%) rotate(-7deg) translateZ(70px) scale(1)}
  50%{transform:translate(-50%,-50%) rotate(-6deg) translateZ(70px) scale(1.022)}
}

/* ── 들어올 때 차례로 ──────────────────────────────────── */
html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1,
html body.a-glass-page.landing-v302:not(#nope) .landing-lead-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-actions-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-reactor-wrap-v302{
  animation:home-rise-v610 .72s cubic-bezier(.2,.7,.2,1) both;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1{animation-delay:.07s}
html body.a-glass-page.landing-v302:not(#nope) .landing-lead-v302{animation-delay:.14s}
html body.a-glass-page.landing-v302:not(#nope) .landing-actions-v302{animation-delay:.21s}
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302{animation-delay:.28s}
html body.a-glass-page.landing-v302:not(#nope) .landing-reactor-wrap-v302{animation-delay:.16s}
@keyframes home-rise-v610{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* ── 좁은 화면 ────────────────────────────────────────── */
@media(max-width:900px){
  html body.a-glass-page.landing-v302:not(#nope) .mode-studio-v302{left:0!important;top:0!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{right:0!important;top:36%!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-market-v302{left:0!important;bottom:12%!important}
}

/* ── 움직임을 싫어하는 설정 ────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  html body.a-glass-page.landing-v302:not(#nope) .landing-shade-v302,
  html body.a-glass-page.landing-v302:not(#nope) .reactor-aura-v302,
  html body.a-glass-page.landing-v302:not(#nope) .reactor-core-v302,
  html body.a-glass-page.landing-v302:not(#nope) .reactor-orbit-v302,
  html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302,
  html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302,
  html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1,
  html body.a-glass-page.landing-v302:not(#nope) .landing-lead-v302,
  html body.a-glass-page.landing-v302:not(#nope) .landing-actions-v302,
  html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302,
  html body.a-glass-page.landing-v302:not(#nope) .landing-reactor-wrap-v302{animation:none!important}
}

/* 랜딩 CSS 가 아이디 두 개 무게(:not(#_):not(#_))로 못 박아 둔 큰 단추 —
   유리 벌이 밀리지 않게 같은 무게로 다시 얹는다 */
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_),
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_){
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 46%,rgba(255,255,255,.26)),
    linear-gradient(118deg,rgba(231,238,248,.48) 6%,rgba(255,255,255,0) 34%,rgba(255,255,255,.22) 62%,rgba(255,255,255,0) 88%),
    rgba(150,190,242,.32)!important;
  border:1px solid rgba(223,232,244,.74)!important;
  color:#14202e!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.45);
  backdrop-filter:blur(22px) saturate(1.45)!important;
  box-shadow:
    0 24px 40px -18px rgba(28,58,108,.6),
    inset 0 2px 0 rgba(255,255,255,1),
    inset 0 -1.5px 0 rgba(224,233,245,.7),
    inset 0 -16px 24px -14px rgba(255,255,255,.95)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_) *,
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_) *{color:#14202e!important}
html body.a-glass-page.landing-v302:not(#nope) .render-key-v302:not(#_):not(#_),
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_) b{
  background:
    linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.02) 52%,rgba(255,255,255,.14)),
    rgba(28,86,190,.92)!important;
  border:1px solid rgba(227,235,246,.58)!important;
  color:#fff!important;
}

/* 화면이 좁아지면 반응로 폭이 줄어 조각과 가운데 덩이가 부딪힌다 — 자리 조정(실측) */
@media(max-width:1240px){
  html body.a-glass-page.landing-v302:not(#nope) .reactor-mode-v302{width:142px!important;min-height:74px!important;padding:11px 12px!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{right:-8%!important;top:16%!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-studio-v302{left:-8%!important;top:0!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-market-v302{left:-8%!important;bottom:16%!important}
}
@media(max-width:620px){
  html body.a-glass-page.landing-v302:not(#nope) .mode-studio-v302{left:2%!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-market-v302{left:2%!important;bottom:24%!important}
  html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{right:2%!important;top:18%!important}
  /* 좁은 화면에서 글 뒤 유리판이 옆으로 삐져나갔다 */
  html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302::before{inset:-18px 0!important}
}

/* ============================================================
   히어로 정리 — 운영자 요청
     · 글 뒤 큰 유리판을 뺀다 (영상이 그대로 보여야 한다)
     · 위 줄(ARIFE 모션 시스템 · 제작 시스템 가동 중)을 뺀다
     · 아래 지표 줄(04 제작 도구 · 4K 출력 지원 · 01 통합 워크플로)을 뺀다
     · 단추에는 '제작 시작' '작품 둘러보기'만 남긴다
   지우는 것은 화면에서만이고 마크업·동작은 그대로 둔다.
   ============================================================ */
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302::before{content:none!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-kicker-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-metrics-v302{display:none!important}
html body.a-glass-page.landing-v302:not(#nope) .render-copy-v302 small,
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302 small{display:none!important}
/* 작은 글이 빠지면 단추가 납작해진다 — 높이와 가운데 정렬을 다시 잡는다 */
html body.a-glass-page.landing-v302:not(#nope) .render-copy-v302,
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302>span{
  display:flex!important;align-items:center!important;
}
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_),
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_){
  min-height:62px!important;align-items:center!important;
}
html body.a-glass-page.landing-v302:not(#nope) .render-copy-v302 strong,
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302 strong{
  font-size:15px!important;line-height:1!important;
}
/* 글 묶음이 짧아졌으니 위아래 숨을 다시 준다 */
html body.a-glass-page.landing-v302:not(#nope) .landing-copy-v302 h1{margin-top:0!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-actions-v302{margin-top:30px!important}

/* ============================================================
   흐름 카드(만들고·완성하고·수익으로) 다시 짜기
     문제: 아래 '바로가기'가 카드 너비를 꽉 채운 띠라서
           글은 왼쪽 끝, 화살표는 오른쪽 끝에 떨어져
           단추가 아니라 입력칸처럼 보였다.
     고침: 내용만큼만 차지하는 알약 단추로 바꾸고,
           카드 안 순서(딱지 → 물체 → 제목·설명 → 단추)를 다시 잡는다.
   ============================================================ */
html body.a-glass-page.landing-v302:not(#nope) .landing-section-head-v302{
  align-items:flex-end!important;gap:44px!important;margin-bottom:36px!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-section-head-v302>p{
  max-width:400px!important;color:#4a5870!important;font-size:12.5px!important;
}

html body.a-glass-page.landing-v302:not(#nope) .landing-path-grid-v302{gap:20px!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302{
  min-height:404px!important;
  padding:24px 24px 22px!important;
  border-radius:24px!important;
  border:1px solid rgba(225,234,246,.68)!important;
  display:flex!important;flex-direction:column!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12) 46%,rgba(255,255,255,.32)),
    rgba(223,232,244,.8)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  backdrop-filter:blur(18px) saturate(1.5)!important;
  box-shadow:
    0 20px 38px -18px rgba(28,58,108,.5),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -1.2px 0 rgba(255,255,255,.55)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302:hover{
  border-color:rgba(255,255,255,.9)!important;
  box-shadow:
    0 30px 50px -20px rgba(28,58,108,.55),
    inset 0 1.6px 0 rgba(255,255,255,1)!important;
}

/* 번호 딱지 — 줄글이 아니라 작은 알약으로 */
html body.a-glass-page.landing-v302:not(#nope) .path-index-v302{
  align-self:flex-start!important;
  padding:5px 12px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:999px!important;
  background:rgba(227,235,246,.58)!important;
  color:#1a2940!important;
  font:800 10px/1 Consolas,ui-monospace,Consolas,monospace!important;
  letter-spacing:.14em!important;
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important;
}

html body.a-glass-page.landing-v302:not(#nope) .path-object-v302{
  width:112px!important;height:112px!important;margin:30px auto 28px!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302 h3{
  font-size:19px!important;letter-spacing:-.035em!important;color:#14202e!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302 p{
  margin-top:9px!important;color:#414a57!important;font-size:12.5px!important;line-height:1.72!important;
}

/* 바로가기 — 내용만큼만 차지하는 알약 */
html body.a-glass-page.landing-v302:not(#nope) .path-action-v302{
  margin-top:auto!important;
  align-self:flex-start!important;
  width:auto!important;
  padding:0 7px 0 18px!important;
  min-height:46px!important;
  border-radius:999px!important;
  border:1px solid rgba(223,232,244,.74)!important;
  display:inline-flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 46%,rgba(255,255,255,.26)),
    linear-gradient(118deg,rgba(231,238,248,.48) 6%,rgba(255,255,255,0) 34%,rgba(255,255,255,.22) 62%,rgba(255,255,255,0) 88%),
    rgba(150,190,242,.34)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.65);
  backdrop-filter:blur(14px) saturate(1.65)!important;
  color:#14202e!important;
  font:800 13px/1 inherit!important;
  letter-spacing:-.01em!important;
  box-shadow:
    0 14px 24px -14px rgba(28,58,108,.55),
    inset 0 1.6px 0 rgba(255,255,255,1),
    inset 0 -1.2px 0 rgba(225,234,246,.66),
    inset 0 -11px 16px -12px rgba(255,255,255,.9)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302:hover .path-action-v302{
  transform:translateY(-2px);
  box-shadow:
    0 20px 30px -16px rgba(28,58,108,.6),
    inset 0 1.6px 0 rgba(255,255,255,1)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .path-action-v302 b{
  width:32px!important;height:32px!important;
  border-radius:50%!important;
  border:1px solid rgba(227,235,246,.58)!important;
  display:grid!important;place-items:center!important;
  background:
    linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.02) 52%,rgba(255,255,255,.14)),
    rgba(28,86,190,.92)!important;
  color:#fff!important;font-size:13px!important;
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.55),0 5px 10px -5px rgba(28,58,108,.6)!important;
}

/* 좁은 화면 — 카드가 옆으로 눕는 배치에서도 단추는 알약 그대로 */
@media(max-width:900px){
  html body.a-glass-page.landing-v302:not(#nope) .landing-path-card-v302{min-height:0!important}
  html body.a-glass-page.landing-v302:not(#nope) .path-object-v302{margin:22px auto!important}
}
/* 뒤에 깔린 큰 글자(ARIFE / PIPELINE)가 제목과 겹쳐 보였다 — 더 옅게 */
html body.a-glass-page.landing-v302:not(#nope) .landing-paths-v302::before,
html body.a-glass-page.landing-v302:not(#nope) .landing-summary-v302::before{
  color:rgba(30,42,60,.045)!important;
}

/* 흐름 마당 바탕 = 아래 '창작자는 판매하고' 마당과 같은 판
   (운영자 지시: 두 마당의 뒷배경을 하나로) */
html body.a-glass-page.landing-v302:not(#nope) .landing-paths-v302{
  position:relative;
  background:
    linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)),
    rgba(223,232,244,.8)!important;
  isolation:isolate;
}

/* ============================================================
   '창작자는 판매하고' 마당 — 흐름 카드와 같은 벌로
     화살표가 알약 밖으로 삐져나와 네모로 보였다.
     흐름 카드의 알약 단추와 똑같이 맞춘다.
   ============================================================ */
html body.a-glass-page.landing-v302:not(#nope) .policy-lane{
  padding:26px 26px 24px!important;
  border-radius:24px!important;
  border:1px solid rgba(225,234,246,.68)!important;
  display:flex!important;flex-direction:column!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-lane-head{
  align-items:flex-start!important;gap:18px!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-lane-head small{color:#4a5870!important}
html body.a-glass-page.landing-v302:not(#nope) .policy-lane h3{color:#14202e!important;letter-spacing:-.035em!important}
html body.a-glass-page.landing-v302:not(#nope) .policy-badge{
  padding:6px 13px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:999px!important;
  background:rgba(227,235,246,.58)!important;
  color:#1a2940!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-step span{
  color:#4a5870!important;font:800 10px/1 Consolas,ui-monospace,Consolas,monospace!important;letter-spacing:.14em!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-step strong{color:#14202e!important}
html body.a-glass-page.landing-v302:not(#nope) .policy-step p{color:#414a57!important;line-height:1.72!important}
html body.a-glass-page.landing-v302:not(#nope) .policy-step+.policy-step{
  border-top:1px solid rgba(255,255,255,.55)!important;
}

/* 바로가기 알약 — 흐름 카드와 같은 규격 */
html body.a-glass-page.landing-v302:not(#nope) .policy-link-v302{
  margin-top:auto!important;
  align-self:flex-start!important;
  width:auto!important;
  padding:0 7px 0 18px!important;
  min-height:46px!important;
  border-radius:999px!important;
  border:1px solid rgba(223,232,244,.74)!important;
  display:inline-flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:12px!important;
  overflow:visible!important;
  font:800 13px/1 inherit!important;
  color:#14202e!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-link-v302>span{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(227,235,246,.58)!important;
  display:grid!important;place-items:center!important;
  background:
    linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.02) 52%,rgba(255,255,255,.14)),
    rgba(28,86,190,.92)!important;
  color:#fff!important;font-size:13px!important;
  box-shadow:inset 0 1.4px 0 rgba(255,255,255,.55),0 5px 10px -5px rgba(28,58,108,.6)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .policy-link-v302:hover{
  transform:translateY(-2px);
}
html body.a-glass-page.landing-v302:not(#nope) .landing-summary-head{
  align-items:flex-end!important;gap:44px!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-summary-head>p{
  max-width:400px!important;color:#4a5870!important;font-size:12.5px!important;
}

/* v1215: 시네마 카드가 로고에 절반이나 가려져서 오른쪽으로 더 뺀다.
   이 파일이 랜딩 시트보다 뒤에 오고 !important 라서 여기서 정해야 실제로 먹는다.
   로고와는 모서리만 살짝 걸치는 정도. */
@media (min-width:1900px){
  html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{right:-200px!important}
}
@media (min-width:1601px) and (max-width:1899px){
  html body.a-glass-page.landing-v302:not(#nope) .mode-cinema-v302{right:-120px!important}
}

/* ============================================================
   v620 — 히어로 단추를 다른 페이지 단추와 같은 결로
   보관함·마켓의 물방울 단추와 같은 문법을 쓴다:
     · 주인공(제작 시작)  = 파란 물방울, 흰 글씨
     · 보조(작품 둘러보기) = 흰 물방울 + 파란 잉크
   흐릿한 반투명 유리판 두 장이 나란히 있어 무엇이 주인공인지
   구분이 안 됐다 — 주·보조를 색으로 가른다.
   ============================================================ */
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_),
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_){
  min-height:52px!important;
  padding:0 20px!important;
  border:0!important;border-radius:16px!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  gap:11px!important;
}
/* 주인공 — 파란 물방울 */
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_){
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:
    inset 0 1.5px 1px -1px rgba(255,255,255,.8),
    0 16px 28px -14px rgba(30,80,160,.85)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_) *{color:#fff!important}
html body.a-glass-page.landing-v302:not(#nope) .render-button-v302:not(#_):not(#_):hover{
  filter:brightness(1.06);
}
html body.a-glass-page.landing-v302:not(#nope) .render-key-v302:not(#_):not(#_){
  width:30px!important;height:30px!important;
  border:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;
  color:#fff!important;
}
/* 보조 — 흰 물방울 */
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_){
  background:radial-gradient(96% 60% at 50% 2%,#fff,rgba(255,255,255,.9) 44%,rgba(246,250,255,.84))!important;
  box-shadow:
    inset 0 1.5px 1px -1px #fff,
    inset 0 0 0 1px rgba(160,196,244,.65),
    0 16px 28px -16px rgba(20,45,90,.55)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_) *{color:#1b3e6b!important}
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_):hover{
  box-shadow:
    inset 0 1.5px 1px -1px #fff,
    inset 0 0 0 1px rgba(140,185,245,.95),
    0 20px 32px -16px rgba(20,45,90,.6)!important;
}
html body.a-glass-page.landing-v302:not(#nope) .landing-market-button-v302:not(#_):not(#_) b{
  width:30px!important;height:30px!important;
  border:0!important;border-radius:50%!important;
  background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8)!important;
  color:#fff!important;
}
/* 글씨 크기·정렬은 그대로(15px, 가운데) — 두 단추 높이도 같다 */