/* AZURE · 아주르 — 오프라인 매장 샘플 (데모) */
:root{
  --font-body:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --font-sec:var(--font-body);
  --font-eng:"Exo 2",var(--font-body);
  --page:#061a28;
  --glow:radial-gradient(circle at 15% 0%,rgba(79,195,247,.13),transparent 34%),radial-gradient(circle at 85% 8%,rgba(29,111,165,.16),transparent 30%);
  --header:#04141f;
  --footer:#03111b;
  --card:#0c2738;
  --card-2:#103046;
  --card-soft:rgba(255,255,255,.04);
  --card-grad:linear-gradient(135deg,rgba(12,39,56,.96),rgba(16,48,70,.96)),#0c2738;
  --well:rgba(3,17,27,.48);
  --well-grad:linear-gradient(135deg,rgba(6,26,40,.72),rgba(3,17,27,.64)),#082031;
  --modal:#082031;
  --modal-body:radial-gradient(ellipse 80% 42% at 50% -14%,rgba(79,195,247,.11),transparent 62%),linear-gradient(180deg,rgba(12,39,56,.55),rgba(0,0,0,0) 210px),#082031;
  --input:#061a28;
  --toast:#103046;
  --line-1:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.08);
  --line-3:rgba(255,255,255,.12);
  --ctl:rgba(255,255,255,.08);
  --ctl-2:rgba(255,255,255,.12);
  --ctl-soft:rgba(255,255,255,.04);
  --ctl-soft2:rgba(255,255,255,.06);
  --nav-on:#fff;
  --nav-off:rgba(255,255,255,.45);
  --text:#fff;
  --text-2:rgba(255,255,255,.8);
  --text-3:rgba(255,255,255,.7);
  --muted:rgba(255,255,255,.5);
  --muted-2:rgba(255,255,255,.6);
  --dim:rgba(255,255,255,.3);
  --dim-2:rgba(255,255,255,.4);
  --dim-3:rgba(255,255,255,.25);
  --accent:#4fc3f7;
  --accent-2:#bff0ff;
  --accent-fg:#03111b;
  --accent-muted:rgba(79,195,247,.13);
  --accent-line:rgba(79,195,247,.34);
  --accent-wash:rgba(191,240,255,.08);
  --cta:linear-gradient(90deg,#4fc3f7,#bff0ff);
  --cta-fg:#03111b;
  --money:#4fc3f7;
  --win:#34d399;
  --danger:#ef4444;
  --danger-2:#f87171;
  --hero-shade:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.3) 50%,transparent),linear-gradient(90deg,rgba(79,195,247,.09),transparent 33%);
  --r-hero:12px;
  --r-card:12px;
}
body{background:var(--page)}
.gx-header{border-bottom:1px solid rgba(79,195,247,.2);background:linear-gradient(180deg,#071d2c,#04141f)}
.gx-hero{box-shadow:0 0 0 1px rgba(79,195,247,.18),0 14px 40px -20px rgba(79,195,247,.45)}
.gx-sec-h h2{font-family:"Exo 2",sans-serif;font-weight:700;letter-spacing:2.2px}
.gx-tile:hover,.gx-card:hover{box-shadow:0 0 0 1px rgba(79,195,247,.4)}
.gx-cta{box-shadow:0 8px 22px -10px rgba(79,195,247,.6)}

/* ===== 레이아웃 F : 위는 보통 막대, 히어로를 좌우로 가른다 ===== */
.gx-main{max-width:1320px;padding-top:92px}
.gx-hero{height:380px}
.gx-hero::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(105deg,var(--page) 0%,var(--page) 34%,transparent 62%)}
.gx-rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:unset;overflow:visible;gap:13px}
.gx-rail.wide{grid-template-columns:repeat(3,1fr)}
.gx-sec{margin-top:40px}
.gx-sec-h h2{font-size:17px;padding-left:12px;border-left:3px solid var(--accent)}
@media (max-width:900px){.gx-rail{grid-template-columns:repeat(2,1fr)}.gx-hero{height:230px}
  .gx-hero::before{background:linear-gradient(180deg,transparent 40%,var(--page))}}