/* ============================================================
   AX FDE CAMPUS + AX SPRINT 30 · v3 "DARK EDITORIAL"
   Dark-first, cinematic, scroll-driven. Independent of the
   current ax.co.kr theme (renewal in progress).
   ============================================================ */

/* ---------- 1. Tokens ---------- */
:root{
  /* Void scale — base canvas */
  --void:#04060C;
  --void-1:#080B14;
  --void-2:#0C111C;
  --void-3:#121826;
  --void-4:#1A2334;

  /* Lines & glass */
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --line-3:rgba(255,255,255,.24);
  --glass:rgba(255,255,255,.035);
  --glass-2:rgba(255,255,255,.06);

  /* Ink (text on dark) */
  --w-100:#FFFFFF;
  --w-80:rgba(255,255,255,.80);
  --w-64:rgba(255,255,255,.64);
  --w-48:rgba(255,255,255,.48);
  --w-34:rgba(255,255,255,.34);

  /* Spectrum — AX electric */
  --cyan:#22D3EE;
  --blue:#2E8BFF;
  --blue-d:#1464F0;
  --violet:#7C5CFF;
  --amber:#FFB020;
  --amber-l:#FFD166;

  --spectrum:linear-gradient(115deg,var(--cyan) 0%,var(--blue) 42%,var(--violet) 100%);
  --spectrum-r:linear-gradient(115deg,var(--violet) 0%,var(--blue) 58%,var(--cyan) 100%);
  --warm:linear-gradient(120deg,var(--amber) 0%,#FF7A45 100%);

  /* Light inversion (used sparingly) */
  --paper:#F4F5F7;
  --paper-2:#E9EBEF;
  --ink:#0A0D14;
  --ink-64:rgba(10,13,20,.64);
  --ink-46:rgba(10,13,20,.46);

  /* Rhythm */
  --wrap:1240px;
  --gutter:clamp(20px,5vw,56px);
  --nav-h:72px;
  --r-s:12px; --r-m:18px; --r-l:26px; --r-x:36px;

  /* Motion */
  --e:cubic-bezier(.22,.9,.28,1);
  --eo:cubic-bezier(.16,1,.3,1);

  /* Glow */
  --glow-b:0 0 0 1px rgba(46,139,255,.35),0 18px 60px rgba(46,139,255,.30);
  --glow-a:0 0 0 1px rgba(255,176,32,.35),0 18px 60px rgba(255,176,32,.26);
}

/* ---------- 2. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--void)}
body{
  margin:0;background:var(--void);color:var(--w-80);
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,
    "Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  font-size:16px;line-height:1.65;letter-spacing:-.015em;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
  word-break:keep-all;overflow-wrap:break-word;
}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
h1,h2,h3,h4,p,ul,ol,figure,table{margin:0}
em{font-style:normal}
ul,ol{padding:0;list-style:none}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}

/* Global grain — sits above everything, costs nothing */
body::after{
  content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 3. Type ---------- */
.t-mega{
  font-size:clamp(3rem,10.5vw,8.5rem);font-weight:800;
  line-height:.94;letter-spacing:-.055em;color:var(--w-100);text-wrap:balance;word-break:keep-all;
}
.t-display{font-size:clamp(2.5rem,7.6vw,6rem);font-weight:800;line-height:1.02;letter-spacing:-.05em;color:var(--w-100);text-wrap:balance;word-break:keep-all}
.t-sprint{font-size:clamp(2.55rem,6vw,5rem);font-weight:800;line-height:1.02;letter-spacing:-.05em;color:var(--w-100);word-break:keep-all}
.t-h1{font-size:clamp(2rem,5.2vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.045em;color:var(--w-100);text-wrap:balance;word-break:keep-all}
.t-h2{font-size:clamp(1.55rem,3.6vw,2.7rem);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:var(--w-100);text-wrap:balance;word-break:keep-all}
.t-h3{font-size:clamp(1.12rem,2vw,1.5rem);font-weight:700;line-height:1.32;letter-spacing:-.035em;color:var(--w-100)}
.t-lead{font-size:clamp(1.02rem,1.75vw,1.32rem);line-height:1.68;color:var(--w-64);text-wrap:pretty}
.t-body{font-size:1rem;color:var(--w-64);line-height:1.68}
.t-sm{font-size:.9rem;color:var(--w-48)}
.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}
.t-mono{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;
}
.grad{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-warm{background:var(--warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.dim{color:var(--w-34)}
.outline-t{
  color:transparent;-webkit-text-stroke:1.5px var(--line-3);
}

/* ---------- 4. Layout ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-n{max-width:900px}
.wrap-w{max-width:1480px}
.section{padding-block:clamp(84px,12vw,180px);position:relative}
.section--t{padding-block:clamp(56px,7vw,104px)}
.grid{display:grid;gap:clamp(14px,1.8vw,24px)}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.g-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:960px){.g-4,.g-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.g-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g-2,.g-3,.g-4,.g-5{grid-template-columns:1fr}}

/* Backdrops */
.bg-1{background:var(--void-1)}
.bg-2{background:var(--void-2)}
.bg-paper{background:var(--paper);color:var(--ink-64)}
.bg-paper .t-mega,.bg-paper .t-display,.bg-paper .t-h1,.bg-paper .t-h2,.bg-paper .t-h3{color:var(--ink)}
.bg-paper .t-lead,.bg-paper .t-body{color:var(--ink-64)}
.bg-paper .t-sm,.bg-paper .dim{color:var(--ink-46)}

/* Aurora field — the signature backdrop */
.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.aurora i{
  position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;display:block;
  animation:drift var(--t,26s) ease-in-out infinite alternate;
}
.aurora i:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-16vw;background:radial-gradient(circle,var(--blue),transparent 66%);--t:24s}
.aurora i:nth-child(2){width:44vw;height:44vw;right:-10vw;top:12vw;background:radial-gradient(circle,var(--violet),transparent 66%);--t:31s;animation-delay:-8s}
.aurora i:nth-child(3){width:38vw;height:38vw;left:28vw;bottom:-16vw;background:radial-gradient(circle,var(--cyan),transparent 66%);--t:28s;animation-delay:-14s;opacity:.28}
@keyframes drift{to{transform:translate3d(6%,-5%,0) scale(1.18)}}
.aurora--warm i:nth-child(2){background:radial-gradient(circle,var(--amber),transparent 66%);opacity:.2}

/* Hairline grid overlay */
.mesh{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:clamp(60px,7vw,110px) clamp(60px,7vw,110px);
  -webkit-mask-image:radial-gradient(100% 76% at 50% 36%,#000 6%,transparent 74%);
  mask-image:radial-gradient(100% 76% at 50% 36%,#000 6%,transparent 74%);
}
.section>.wrap,.section>.wrap-w,.section>.wrap-n{position:relative;z-index:1}

/* ---------- 5. Section head ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--cyan);margin-bottom:20px}
.eyebrow::before{content:"";width:26px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--e) .1s}
.is-in.eyebrow::before,.is-in .eyebrow::before{transform:scaleX(1)}
.bg-paper .eyebrow{color:var(--blue-d)}
.sec-head{max-width:820px;margin-bottom:clamp(40px,5.5vw,72px)}
.sec-head .t-lead{margin-top:22px}
.sec-head--c{margin-inline:auto;text-align:center}
.sec-head--c .eyebrow{justify-content:center}

/* ---------- 6. Buttons ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 32px;border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:-.02em;
  color:#04060C;background:#fff;isolation:isolate;overflow:hidden;
  transition:transform .4s var(--e),box-shadow .4s var(--e),color .4s var(--e);
  will-change:transform;
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--spectrum);
  opacity:0;transition:opacity .45s var(--e);
}
.btn:hover{transform:translateY(-2px);color:#fff;box-shadow:var(--glow-b)}
.btn:hover::before{opacity:1}
.btn .ar{transition:transform .4s var(--e)}
.btn:hover .ar{transform:translateX(5px)}

.btn--line{color:var(--w-100);background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn--line::before{background:#fff}
.btn--line:hover{color:#04060C;box-shadow:inset 0 0 0 1.5px #fff}
.btn--grad{color:#fff;background:var(--spectrum)}
.btn--grad::before{background:var(--spectrum-r)}
.btn--grad:hover{color:#fff}
.btn--amber{color:#1B1200;background:var(--amber)}
.btn--amber::before{background:var(--warm)}
.btn--amber:hover{color:#1B1200;box-shadow:var(--glow-a)}
.btn--lg{padding:19px 40px;font-size:1.06rem}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.bg-paper .btn--line{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(10,13,20,.18)}
.bg-paper .btn--line::before{background:var(--ink)}
.bg-paper .btn--line:hover{color:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}

.tlink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--cyan);letter-spacing:-.02em}
.tlink .ar{transition:transform .35s var(--e)}
.tlink:hover .ar{transform:translateX(6px)}

/* ---------- 7. Progress + nav ---------- */
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:130;background:var(--spectrum);transform:scaleX(0);transform-origin:left;will-change:transform}

.nav{position:fixed;inset:0 0 auto;z-index:120;height:var(--nav-h);display:flex;align-items:center;transition:background .45s var(--e),box-shadow .45s var(--e)}
.nav__in{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;gap:clamp(14px,3vw,38px)}
.nav.is-stuck{background:rgba(4,6,12,.72);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 1px 0 var(--line)}
.nav__brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.nav__tag{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.2em;font-weight:800;color:var(--w-64);padding-top:3px;white-space:nowrap}
.nav__menu{display:flex;align-items:center;gap:clamp(12px,2vw,28px);margin-left:auto}
.nav__link{position:relative;font-size:.93rem;font-weight:600;color:var(--w-64);transition:color .3s var(--e);white-space:nowrap}
.nav__link::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--spectrum);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--e)}
.nav__link:hover{color:#fff}
.nav__link:hover::after,.nav__link.is-active::after{transform:scaleX(1);transform-origin:left}
.nav__link.is-active{color:#fff}
.nav__cta{padding:11px 22px;font-size:.9rem}
@media(max-width:820px){.nav__menu .nav__link{display:none}}

/* Logo — PNG as mask so it can be recolored & animated */
.logo{
  width:var(--lw,54px);aspect-ratio:384/223;background:var(--w-100);
  -webkit-mask:url("../img/ax-wordmark.png") no-repeat center/contain;
  mask:url("../img/ax-wordmark.png") no-repeat center/contain;
}
.logo--grad{background:var(--spectrum)}
.logo--shine{
  background:linear-gradient(100deg,#fff 0%,#fff 36%,var(--cyan) 45%,var(--blue) 52%,var(--violet) 59%,#fff 68%,#fff 100%);
  background-size:300% 100%;animation:shine 6s var(--e) infinite;
}
@keyframes shine{0%,55%{background-position:130% 0}100%{background-position:-70% 0}}

/* ---------- 8. Reveal ---------- */
[data-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity 1s var(--eo) var(--d,0s),transform 1s var(--eo) var(--d,0s);will-change:opacity,transform}
[data-reveal="left"]{transform:translate3d(-36px,0,0)}
[data-reveal="right"]{transform:translate3d(36px,0,0)}
[data-reveal="scale"]{transform:scale(.93)}
[data-reveal="blur"]{filter:blur(14px);transform:translate3d(0,20px,0);transition:opacity 1.1s var(--eo) var(--d,0s),transform 1.1s var(--eo) var(--d,0s),filter 1.1s var(--eo) var(--d,0s)}
[data-reveal="clip"]{opacity:1;clip-path:inset(0 0 102% 0);transform:none;transition:clip-path 1.2s var(--eo) var(--d,0s)}
[data-reveal].is-in{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}

.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.18em .05em .24em;margin:-.18em -.05em -.24em}
.split .w>span{display:inline-block;transform:translateY(108%) rotate(4deg);transition:transform 1s var(--eo) var(--wd,0s)}
.split.is-in .w>span{transform:none}

/* ---------- 9. Hero ---------- */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;
  padding-top:calc(var(--nav-h) + 48px);padding-bottom:clamp(64px,9vw,120px);
}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9}
.hero__media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__media img{width:100%;height:120%;object-fit:cover;opacity:.38;filter:saturate(.82) contrast(1.06);will-change:transform}
.hero__scrim{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(118% 82% at 10% 4%,rgba(46,139,255,.30) 0%,transparent 56%),
    radial-gradient(86% 66% at 94% 96%,rgba(124,92,255,.22) 0%,transparent 60%),
    linear-gradient(180deg,rgba(4,6,12,.90) 0%,rgba(4,6,12,.52) 34%,rgba(4,6,12,.88) 80%,var(--void) 100%);
}
.hero__in{position:relative;z-index:2;width:100%}
.hero__sub{max-width:640px;margin-top:28px;color:var(--w-64);font-size:clamp(1.02rem,1.8vw,1.28rem);line-height:1.72}
.hero__cta{margin-top:42px}
.hero__promise{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:var(--w-48);font-size:.86rem}
.hero__promise span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.hero__promise span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.7)}
.cta-note{margin-top:14px;color:var(--w-48);font-size:.88rem;line-height:1.5}
.hero__facts{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,52px);margin-top:clamp(44px,6vw,72px);padding-top:28px;border-top:1px solid var(--line)}
.hero__fact{flex:0 0 auto}
.hero__fact b{display:block;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.1;white-space:nowrap}
.hero__fact>span{display:block;margin-top:6px;font-size:.84rem;color:var(--w-34);white-space:nowrap}
.hero__scroll{position:absolute;right:var(--gutter);bottom:30px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--w-34)}
.hero__scroll .bar{width:1px;height:48px;background:linear-gradient(180deg,transparent,var(--line-3));position:relative;overflow:hidden}
.hero__scroll .bar::after{content:"";position:absolute;inset:0;background:var(--cyan);animation:sdot 2.3s var(--e) infinite}
@keyframes sdot{0%{transform:translateY(-100%)}62%,100%{transform:translateY(100%)}}
@media(max-width:1100px){.hero__scroll{display:none}}

.chip{
  display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 13px;border-radius:999px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--w-80);
  backdrop-filter:blur(10px);margin-bottom:28px;font-size:.86rem;font-weight:600;letter-spacing:-.01em;
}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(34,211,238,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(34,211,238,0)}100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}}
.chip--amber{color:var(--amber-l);box-shadow:inset 0 0 0 1px rgba(255,176,32,.34);background:rgba(255,176,32,.09)}
.chip--amber .dot{background:var(--amber)}

/* ---------- 10. Stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.stat{background:var(--void);padding:clamp(28px,3.6vw,46px) clamp(18px,2vw,30px)}
.bg-1 .stat{background:var(--void-1)}
.bg-2 .stat{background:var(--void-2)}
.stat__n{font-size:clamp(2.1rem,4.8vw,3.6rem);font-weight:800;letter-spacing:-.055em;line-height:1;color:#fff}
.stat__n .u{font-size:.46em;margin-left:3px;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat__l{margin-top:13px;font-size:.88rem;color:var(--w-34)}
@media(max-width:780px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ---------- 11. Cards ---------- */
.card{
  position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-l);
  padding:clamp(24px,2.9vw,36px);overflow:hidden;backdrop-filter:blur(2px);
  transition:transform .55s var(--e),border-color .55s var(--e),background .55s var(--e),box-shadow .55s var(--e);
}
.card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s var(--e);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(46,139,255,.14),transparent 62%);
}
.card:hover{transform:translateY(-6px);border-color:var(--line-2);background:var(--glass-2);box-shadow:0 26px 70px rgba(0,0,0,.5)}
.card:hover::before{opacity:1}
.card__k{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.2em;font-weight:700;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.card__t{margin:14px 0 11px;font-size:1.2rem;font-weight:700;letter-spacing:-.035em;color:#fff;line-height:1.3}
.card__d{font-size:.96rem;color:var(--w-48);line-height:1.64}
.card .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--cyan);margin-bottom:20px}
.card--amber .ico{color:var(--amber)}
.card--amber::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,176,32,.14),transparent 62%)}
.bg-paper .card{background:#fff;border-color:rgba(10,13,20,.09);box-shadow:0 1px 2px rgba(10,13,20,.04)}
.bg-paper .card:hover{box-shadow:0 22px 56px rgba(10,13,20,.12);border-color:rgba(10,13,20,.16)}
.bg-paper .card__t{color:var(--ink)}
.bg-paper .card__d{color:var(--ink-64)}
.bg-paper .card .ico{background:rgba(46,139,255,.08);box-shadow:inset 0 0 0 1px rgba(46,139,255,.2);color:var(--blue-d)}

/* ---------- 12. Track cards ---------- */
.track{
  position:relative;display:block;min-height:clamp(400px,48vw,560px);border-radius:var(--r-x);
  overflow:hidden;background:var(--void-2);isolation:isolate;
  transition:transform .7s var(--e),box-shadow .7s var(--e);
}
.track:hover{transform:translateY(-10px);box-shadow:0 40px 90px rgba(0,0,0,.6)}
.track__img{position:absolute;inset:0;z-index:-2}
.track__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.3s var(--e);opacity:.62}
.track:hover .track__img img{transform:scale(1.14)}
.track__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,6,12,.30) 0%,rgba(4,6,12,.74) 50%,rgba(4,6,12,.96) 100%);transition:background .7s var(--e)}
.track:hover .track__veil{background:linear-gradient(180deg,rgba(4,6,12,.14) 0%,rgba(10,22,52,.66) 46%,rgba(4,6,12,.96) 100%)}
.track__in{position:relative;height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,3.2vw,38px)}
.track__no{position:absolute;top:clamp(22px,2.8vw,32px);left:clamp(26px,3.2vw,38px);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.24em;color:var(--w-34);font-weight:700}
.track__badge{position:absolute;top:clamp(20px,2.6vw,30px);right:clamp(22px,2.8vw,32px);font-size:.74rem;font-weight:700;padding:6px 14px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(8px);color:var(--w-80)}
.track__badge--now{background:rgba(255,176,32,.14);box-shadow:inset 0 0 0 1px rgba(255,176,32,.44);color:var(--amber-l)}
.track__t{font-size:clamp(1.55rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.14;color:#fff}
.track__d{margin-top:15px;color:var(--w-64);font-size:.97rem;line-height:1.62;max-width:42ch}
.track__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.track__meta span{font-size:.77rem;padding:5px 12px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--w-64)}
.track__go{display:inline-flex;align-items:center;gap:9px;margin-top:28px;font-weight:700;color:var(--cyan)}
.track__go .ar{transition:transform .45s var(--e)}
.track:hover .track__go .ar{transform:translateX(7px)}

/* ---------- 13. Horizontal pin ---------- */
.hpin{position:relative}
.hpin__sticky{
  position:sticky;top:0;height:100svh;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
  gap:clamp(18px,2.6vw,34px);
  padding-top:calc(var(--nav-h) + 16px);padding-bottom:64px;
}
.hpin__track{display:flex;flex:0 0 auto;gap:clamp(14px,1.8vw,24px);padding-inline:var(--gutter);will-change:transform}
.hpin__head{position:static;flex:0 0 auto;z-index:3;pointer-events:none}
.hpin__rail{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;height:2px;background:var(--line);z-index:3;border-radius:2px}
.hpin__rail i{display:block;height:100%;width:var(--p,0%);background:var(--spectrum);border-radius:2px}
.bg-paper .hpin__rail{background:rgba(10,13,20,.12)}

.panel{
  flex:0 0 clamp(288px,32vw,430px);border-radius:var(--r-x);padding:clamp(26px,3.1vw,40px);
  display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--line);
  min-height:clamp(348px,50vh,500px);
  transition:border-color .55s var(--e),background .55s var(--e),transform .55s var(--e);
}
.panel:hover{border-color:var(--line-2);background:var(--glass-2);transform:translateY(-5px)}
.panel__no{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.07em;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.08));-webkit-background-clip:text;background-clip:text;color:transparent}
.panel__k{margin-top:auto;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.panel__t{margin:12px 0 16px;font-size:clamp(1.28rem,2.1vw,1.72rem);font-weight:800;letter-spacing:-.04em;line-height:1.2;color:#fff}
.panel__en{display:block;margin-top:5px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.42em;letter-spacing:.12em;text-transform:uppercase;color:var(--w-34);font-weight:700}
.panel__l{display:flex;flex-direction:column;gap:9px}
.panel__l li{position:relative;padding-left:18px;font-size:.94rem;color:var(--w-48);line-height:1.52}
.panel__l li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.panel__mission{margin-top:22px;padding:14px 16px;border-radius:var(--r-s);background:rgba(255,176,32,.07);box-shadow:inset 0 0 0 1px rgba(255,176,32,.22);font-size:.87rem;color:var(--amber-l);line-height:1.5}
.panel__mission b{color:var(--amber);font-weight:700;display:block;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}
.panel__deliver{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line-2);font-size:.88rem;color:var(--w-64)}
.panel__deliver b{display:block;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.bg-paper .panel{background:#fff;border-color:rgba(10,13,20,.09)}
.bg-paper .panel__no{background:linear-gradient(180deg,rgba(10,13,20,.9),rgba(10,13,20,.1));-webkit-background-clip:text;background-clip:text}
.bg-paper .panel__t{color:var(--ink)}
.bg-paper .panel__l li{color:var(--ink-64)}
.bg-paper .panel__deliver{color:var(--ink-64);border-top-color:rgba(10,13,20,.14)}

@media(max-width:900px){
  .hpin{height:auto !important}
  .hpin__sticky{position:static;display:block;height:auto;padding-block:clamp(48px,8vw,72px)}
  .hpin__track{transform:none !important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:none}
  .hpin__track::-webkit-scrollbar{display:none}
  .panel{flex:0 0 80vw;scroll-snap-align:center;min-height:auto}
  .hpin__head{position:static;padding-bottom:28px}
  .hpin__rail{display:none}
}

/* ---------- 14. Sticky story ---------- */
.story{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,88px);align-items:start}
.story__side{position:sticky;top:calc(var(--nav-h) + 52px)}
.story__steps{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,18px)}
.step{position:relative;padding:clamp(22px,2.7vw,32px);border-radius:var(--r-l);border:1px solid var(--line);background:var(--glass);transition:border-color .6s var(--e),background .6s var(--e),transform .6s var(--e),box-shadow .6s var(--e)}
.step.is-active{border-color:rgba(46,139,255,.46);background:rgba(46,139,255,.07);transform:translateX(8px);box-shadow:0 20px 56px rgba(0,0,0,.42)}
.step__i{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.step__n{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;font-weight:700;background:var(--glass-2);color:var(--w-48);transition:background .55s,color .55s}
.step.is-active .step__n{background:var(--spectrum);color:#fff}
.step__t{font-size:1.12rem;font-weight:700;letter-spacing:-.035em;color:#fff}
.step__d{font-size:.96rem;color:var(--w-48);line-height:1.64}
.bg-paper .step{background:#fff;border-color:rgba(10,13,20,.09)}
.bg-paper .step.is-active{background:rgba(46,139,255,.06);border-color:rgba(46,139,255,.4)}
.bg-paper .step__t{color:var(--ink)}
.bg-paper .step__d{color:var(--ink-64)}
.bg-paper .step__n{background:rgba(10,13,20,.06);color:var(--ink-46)}
@media(max-width:920px){.story{grid-template-columns:1fr}.story__side{position:static}}

/* ---------- 15. Statement / pull ---------- */
.statement{font-size:clamp(1.6rem,4.6vw,3.4rem);font-weight:800;line-height:1.24;letter-spacing:-.045em;color:#fff;text-wrap:balance}
.bg-paper .statement{color:var(--ink)}
.statement em{font-style:normal;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.statement .hl{background-image:linear-gradient(transparent 60%,rgba(255,176,32,.38) 60%);background-size:0% 100%;background-repeat:no-repeat;transition:background-size 1.1s var(--eo) .4s}
.is-in .statement .hl,.statement.is-in .hl{background-size:100% 100%}

.pull{
  position:relative;padding:clamp(26px,3.5vw,46px);border-radius:var(--r-l);
  background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);
  font-size:clamp(1.08rem,2vw,1.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.5;color:#fff;
  overflow:hidden;
}
/* 왼쪽 라인 제거 — 면과 여백으로만 구분한다 */
.bg-paper .pull{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(10,13,20,.09)}

/* ---------- 16. Marquee ---------- */
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee__row{display:flex;width:max-content;animation:marq var(--dur,42s) linear infinite}
.marquee:hover .marquee__row{animation-play-state:paused}
.marquee__row--rev{animation-direction:reverse}
@keyframes marq{to{transform:translateX(-50%)}}
.mtag{display:inline-flex;align-items:center;gap:10px;margin-right:12px;flex-shrink:0;padding:13px 24px;border-radius:999px;font-weight:700;font-size:clamp(.92rem,1.5vw,1.12rem);letter-spacing:-.03em;white-space:nowrap;border:1px solid var(--line);background:var(--glass);color:var(--w-80)}
.mtag i{width:6px;height:6px;border-radius:50%;background:var(--blue);font-style:normal}
.mtag:nth-child(3n) i{background:var(--amber)}
.mtag:nth-child(4n) i{background:var(--cyan)}
.bg-paper .mtag{background:#fff;border-color:rgba(10,13,20,.1);color:var(--ink)}

/* ---------- 17. Flow ---------- */
.flow{--fgap:26px;display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--fgap)}
.flow__n{flex:1 1 168px;position:relative;padding:24px 22px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line);transition:transform .55s var(--e),border-color .55s var(--e),background .55s var(--e)}
.flow__n:hover{transform:translateY(-5px);border-color:var(--line-2);background:var(--glass-2)}
.flow__k{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.2em;font-weight:700;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.flow__t{margin-top:10px;font-size:1.06rem;font-weight:700;letter-spacing:-.035em;color:#fff}
.flow__d{margin-top:7px;font-size:.88rem;color:var(--w-48);line-height:1.5}
/* 화살표는 카드 사이 간격 한가운데에 놓는다 (박스에 걸치지 않게) */
.flow__n:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:calc(var(--fgap) / -2 - 5.5px);
  width:11px;height:11px;z-index:2;
  border-top:2px solid rgba(46,139,255,.6);border-right:2px solid rgba(46,139,255,.6);
  transform:translateY(-50%) rotate(45deg);
}
.gov .flow__n:not(:last-child)::after{border-color:rgba(201,168,106,.6)}
.bg-paper .flow__n{background:#fff;border-color:rgba(10,13,20,.09)}
.bg-paper .flow__t{color:var(--ink)}
.bg-paper .flow__d{color:var(--ink-64)}
@media(max-width:920px){.flow__n:not(:last-child)::after{display:none}}

/* ---------- 18. Team structure ---------- */
.team{display:grid;gap:14px;justify-items:center;text-align:center}
.team__box{width:100%;max-width:360px;padding:22px 24px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--glass)}
.team__box--lead{background:var(--spectrum);border-color:transparent;max-width:430px;box-shadow:var(--glow-b)}
.team__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:760px}
.team__pair .team__box{max-width:none}
.team__box--fde{border-color:rgba(46,139,255,.4);background:rgba(46,139,255,.08)}
.team__box--exp{border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.07)}
.team__r{font-size:1.08rem;font-weight:800;letter-spacing:-.035em;color:#fff}
.team__f{margin-top:6px;font-size:.86rem;color:var(--w-48)}
.team__box--lead .team__f{color:rgba(255,255,255,.78)}
.team__line{width:1px;height:28px;background:linear-gradient(180deg,var(--line-3),var(--line))}
@media(max-width:640px){.team__pair{grid-template-columns:1fr}}

/* ---------- 19. Tabs ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.tab{padding:11px 22px;border-radius:999px;font-weight:700;font-size:.93rem;border:1px solid var(--line);background:var(--glass);color:var(--w-64);transition:all .38s var(--e)}
.tab:hover{border-color:var(--line-2);color:#fff}
.tab.is-active{background:#fff;border-color:#fff;color:var(--void)}
.tabpanel{display:none}
.tabpanel.is-active{display:block;animation:fadeUp .65s var(--eo)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- 20. Checks ---------- */
.checks{display:grid;gap:12px}
.checks li{display:flex;gap:14px;align-items:flex-start;padding:17px 20px;border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line);transition:border-color .45s var(--e),transform .45s var(--e),background .45s var(--e)}
.checks li:hover{border-color:var(--line-2);background:var(--glass-2);transform:translateX(5px)}
.checks .ck{flex-shrink:0;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--spectrum);color:#fff;margin-top:2px}
.checks .ck svg{width:12px;height:12px}
.checks b{display:block;font-weight:700;color:#fff;letter-spacing:-.03em}
.checks .d{display:block;font-size:.92rem;color:var(--w-48);margin-top:3px}
.bg-paper .checks li{background:#fff;border-color:rgba(10,13,20,.09)}
.bg-paper .checks b{color:var(--ink)}
.bg-paper .checks .d{color:var(--ink-64)}

/* ---------- 21. Compare table ---------- */
.tablewrap{overflow-x:auto;border-radius:var(--r-l);border:1px solid var(--line);background:var(--glass)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;min-width:620px}
.cmp th,.cmp td{padding:17px 20px;text-align:left;border-bottom:1px solid var(--line);color:var(--w-64)}
.cmp thead th{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w-34);font-weight:700}
.cmp tbody th{font-weight:700;color:#fff;width:24%}
.cmp .hi{background:rgba(46,139,255,.09);color:#fff;font-weight:700}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover td,.cmp tbody tr:hover th{background:var(--glass-2)}
.cmp tbody tr:hover .hi{background:rgba(46,139,255,.16)}

/* ---------- 22. Accordion ---------- */
.acc{border-top:1px solid var(--line)}
.acc__i{border-bottom:1px solid var(--line)}
.acc__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0;text-align:left;font-size:clamp(1rem,1.6vw,1.16rem);font-weight:700;letter-spacing:-.035em;color:#fff;transition:color .3s}
.acc__q:hover{color:var(--cyan)}
.acc__q .pm{flex-shrink:0;width:26px;height:26px;position:relative}
.acc__q .pm::before,.acc__q .pm::after{content:"";position:absolute;left:50%;top:50%;background:var(--cyan);border-radius:2px;transform:translate(-50%,-50%);transition:transform .45s var(--e),opacity .45s var(--e)}
.acc__q .pm::before{width:15px;height:2px}
.acc__q .pm::after{width:2px;height:15px}
.acc__i.is-open .pm::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.acc__a{overflow:hidden;height:0;transition:height .55s var(--e)}
.acc__a p{padding-bottom:28px;color:var(--w-48);max-width:76ch}
.bg-paper .acc,.bg-paper .acc__i{border-color:rgba(10,13,20,.1)}
.bg-paper .acc__q{color:var(--ink)}
.bg-paper .acc__a p{color:var(--ink-64)}

/* ---------- 23. CTA ---------- */
.cta{position:relative;overflow:hidden;padding-block:clamp(80px,11vw,160px);text-align:center}
.cta__in{position:relative;z-index:2}
.cta .btn-row{justify-content:center;margin-top:38px}

/* ---------- 23.1 Price lockup ---------- */
.price-lockup{
  margin:0 0 clamp(28px,4vw,48px);padding:clamp(28px,5vw,54px);text-align:center;
  border:1px solid rgba(46,139,255,.32);border-radius:var(--r-x);
  background:linear-gradient(135deg,rgba(46,139,255,.14),rgba(124,92,255,.07));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
.price-lockup__k{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.2em;color:var(--cyan);font-weight:700}
.price-lockup strong{display:block;margin:10px 0 8px;font-size:clamp(3.4rem,9vw,7.6rem);line-height:.95;letter-spacing:-.07em;color:#fff}
.price-lockup strong small{font-size:.28em;letter-spacing:-.03em;margin-left:.15em;color:var(--w-80)}
.price-lockup p{color:var(--w-64);font-size:clamp(.92rem,1.5vw,1.08rem)}

/* ---------- 24. Footer ---------- */
.foot{background:var(--void);border-top:1px solid var(--line);padding-block:60px 40px;color:var(--w-48)}
.foot__top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.foot__nav{display:flex;flex-wrap:wrap;gap:28px}
.foot__nav a{font-size:.93rem;font-weight:600;color:var(--w-64);transition:color .3s}
.foot__nav a:hover{color:#fff}

/* ---------- 25. Utilities ---------- */
.divider{height:1px;background:var(--line);border:0}
.center{text-align:center}
.mt-s{margin-top:16px}.mt-m{margin-top:30px}.mt-l{margin-top:52px}
.figure{border-radius:var(--r-l);overflow:hidden;position:relative;background:var(--void-2);border:1px solid var(--line)}
.figure img{width:100%;height:100%;object-fit:cover}
.figure--r{aspect-ratio:16/10}
.figure--tall{aspect-ratio:4/5}
.figure__cap{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(transparent,rgba(4,6,12,.92));color:#fff;font-size:.92rem;font-weight:600;letter-spacing:-.02em}

/* Big ghost number watermark */
.ghostnum{
  position:absolute;right:var(--gutter);top:-.18em;z-index:0;pointer-events:none;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(7rem,22vw,20rem);font-weight:800;
  line-height:1;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--line);
}

/* ---------- 26. Mobile tuning ---------- */
@media(max-width:700px){
  .hero{padding-top:calc(var(--nav-h) + 26px);padding-bottom:54px}
  .t-mega{font-size:clamp(2.3rem,9.4vw,3rem);line-height:1.0}
  .t-display{font-size:clamp(2.05rem,8.4vw,2.8rem);line-height:1.08}
  .hero__sub{margin-top:20px;font-size:1rem;line-height:1.62}
  .hero__cta{margin-top:28px}
  .hero__promise{gap:6px 14px;margin-top:14px;font-size:.78rem}
  .hero__facts{margin-top:30px;padding-top:20px;gap:16px 26px}
  .hero__fact{flex:0 0 calc(50% - 13px)}
  .hero__fact b{font-size:1.18rem}
  .hero__fact>span{font-size:.75rem;white-space:normal}
  .btn{padding:14px 24px;font-size:.95rem}
  .btn--lg{padding:15px 26px;font-size:1rem}
  .btn-row{gap:10px}
  .chip{margin-bottom:22px;font-size:.78rem;padding:7px 14px 7px 11px}
  .statement{font-size:clamp(1.42rem,6.4vw,2rem);line-height:1.34}
  .ghostnum{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .story__side .figure--tall{aspect-ratio:4/3}
  .cta .btn-row .btn{width:100%}
  .foot__nav{gap:14px 22px}
}
@media(max-width:340px){
  .hero__fact{flex:0 0 100%}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  [data-reveal]{opacity:1 !important;transform:none !important;filter:none !important;clip-path:none !important}
  .split .w>span{transform:none !important}
  .hpin{height:auto !important}
  .hpin__sticky{position:static;height:auto}
  .hpin__track{transform:none !important;overflow-x:auto}
}

/* ============================================================
   27. READABILITY FIXES
   ============================================================ */
/* 외곽선 텍스트가 다크 배경에서 거의 안 보이던 문제 수정:
   얇은 흰 획 + 옅은 면을 함께 줘 대비를 확보한다. */
.outline-t{
  color:rgba(255,255,255,.14);
  -webkit-text-stroke:1.5px rgba(255,255,255,.62);
  paint-order:stroke fill;
}
.bg-paper .outline-t{
  color:rgba(10,13,20,.10);
  -webkit-text-stroke:1.5px rgba(10,13,20,.55);
}
@supports not (-webkit-text-stroke:1px #000){
  .outline-t{color:var(--w-48);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:.18em}
}
/* 앰버 하이라이트 위 글자가 묻히지 않도록 대비 강화 */
.statement .hl{
  background-image:linear-gradient(transparent 58%,rgba(255,176,32,.55) 58%);
  padding-inline:.04em;
}
.bg-paper .statement .hl{background-image:linear-gradient(transparent 58%,rgba(255,176,32,.62) 58%)}
/* 본문 대비 상향 */
:root{--w-72:rgba(255,255,255,.72)}
.t-lead{color:var(--w-72)}
.card__d,.panel__l li,.step__d{color:var(--w-64)}
.bg-paper .t-lead{color:rgba(10,13,20,.70)}
.bg-paper .card__d{color:rgba(10,13,20,.68)}

/* ============================================================
   28. BRAND LOCKUP  (AX + 프로그램명을 하나의 로고로)
   ============================================================ */
.lockup{
  --lk-h:30px;
  display:inline-flex;align-items:stretch;gap:0;flex-shrink:0;
  color:#fff;line-height:1;
}
.lockup__mark{
  width:calc(var(--lk-h) * 1.72);height:var(--lk-h);flex-shrink:0;align-self:center;
  background:var(--w-100);
  -webkit-mask:url("../img/ax-wordmark.png") no-repeat center/contain;
  mask:url("../img/ax-wordmark.png") no-repeat center/contain;
  transition:background .4s var(--e);
}
.lockup__bar{
  width:1px;flex-shrink:0;align-self:stretch;
  margin-inline:calc(var(--lk-h) * .40);
  background:linear-gradient(180deg,transparent,var(--line-3) 22%,var(--line-3) 78%,transparent);
}
.lockup__name{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--lk-h) * .18)}
.lockup__name b{
  font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  font-size:calc(var(--lk-h) * .41);font-weight:700;letter-spacing:.20em;
  text-transform:uppercase;white-space:nowrap;color:#fff;
}
.lockup__name i{
  font-style:normal;font-size:calc(var(--lk-h) * .30);font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;white-space:nowrap;color:var(--w-34);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
/* 숫자 강조형 (SPRINT 30) */
.lockup__name b em{
  font-style:normal;
  background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.lockup--sprint .lockup__name b em{background:var(--warm);-webkit-background-clip:text;background-clip:text}
.lockup--gov .lockup__name b{font-family:"Gowun Batang","Nanum Myeongjo",serif;letter-spacing:.14em;font-size:calc(var(--lk-h) * .46)}
/* 대형 배치 (히어로/푸터) */
.lockup--lg{--lk-h:clamp(38px,5vw,58px)}
.lockup--xl{--lk-h:clamp(52px,8vw,92px)}
.lockup--stack{--lk-h:clamp(44px,7vw,76px);flex-direction:column;align-items:flex-start;gap:calc(var(--lk-h) * .30)}
.lockup--stack .lockup__bar{width:calc(var(--lk-h) * 1.72);height:1px;align-self:flex-start;margin:0;
  background:linear-gradient(90deg,var(--line-3),transparent)}
.lockup--stack .lockup__name{gap:calc(var(--lk-h) * .14)}
a.lockup:hover .lockup__mark{background:var(--spectrum)}
.lockup--shine .lockup__mark{
  background:linear-gradient(100deg,#fff 0%,#fff 36%,var(--cyan) 45%,var(--blue) 52%,var(--violet) 59%,#fff 68%,#fff 100%);
  background-size:300% 100%;animation:shine 6s var(--e) infinite;
}
.bg-paper .lockup{color:var(--ink)}
.bg-paper .lockup__mark{background:var(--ink)}
.bg-paper .lockup__name b{color:var(--ink)}
.bg-paper .lockup__name i{color:var(--ink-46)}
.bg-paper .lockup__bar{background:linear-gradient(180deg,transparent,rgba(10,13,20,.24) 22%,rgba(10,13,20,.24) 78%,transparent)}

/* ============================================================
   29. FORMS
   ============================================================ */
.form{display:grid;gap:clamp(18px,2.4vw,26px)}
.fset{border:0;padding:0;margin:0;display:grid;gap:14px}
.fset__h{
  display:flex;align-items:baseline;gap:12px;margin-bottom:4px;
  padding-bottom:14px;border-bottom:1px solid var(--line);
}
.fset__n{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.2em;font-weight:700;
  background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0;
}
.fset__t{font-size:1.06rem;font-weight:700;letter-spacing:-.03em;color:#fff}
.fset__d{font-size:.88rem;color:var(--w-48);margin-left:auto;text-align:right}
@media(max-width:640px){.fset__h{flex-wrap:wrap}.fset__d{margin-left:0;text-align:left;width:100%}}

.frow{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.frow--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.frow,.frow--3{grid-template-columns:1fr}}

.field{display:flex;flex-direction:column;gap:8px}
.field__l{
  font-size:.88rem;font-weight:700;color:var(--w-80);letter-spacing:-.02em;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.req{color:var(--amber);font-size:.9em}
.hint{font-size:.8rem;color:var(--w-34);font-weight:500}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=url],
.field input[type=password],.field input[type=date],.field select,.field textarea{
  width:100%;padding:14px 16px;border-radius:var(--r-s);
  background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:#fff;
  font:inherit;font-size:.97rem;letter-spacing:-.015em;
  transition:border-color .3s var(--e),background .3s var(--e),box-shadow .3s var(--e);
}
.field textarea{min-height:120px;resize:vertical;line-height:1.6}
.field select{appearance:none;cursor:pointer;background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'><path d='M4 6.5L8 10.5L12 6.5' stroke='white' stroke-opacity='0.55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.field select option{background:#0C111C;color:#fff}
.field input::placeholder,.field textarea::placeholder{color:var(--w-34)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:rgba(46,139,255,.7);background:rgba(46,139,255,.06);
  box-shadow:0 0 0 4px rgba(46,139,255,.12);
}
.field__err{font-size:.82rem;color:#FF8A83;display:none}
.field.is-err .field__err{display:block}
.field.is-err input,.field.is-err select,.field.is-err textarea{border-color:rgba(255,120,110,.7);background:rgba(255,120,110,.06)}

/* 체크/라디오 카드 */
.opts{display:grid;gap:10px}
.opts--2{grid-template-columns:repeat(2,1fr)}
.opts--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.opts--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.opts--2,.opts--3{grid-template-columns:1fr}}
.opt{
  position:relative;display:flex;align-items:flex-start;gap:11px;cursor:pointer;
  padding:14px 16px;border-radius:var(--r-s);
  background:rgba(255,255,255,.03);border:1px solid var(--line);
  transition:border-color .3s var(--e),background .3s var(--e);
}
.opt:hover{border-color:var(--line-2);background:var(--glass-2)}
.opt input{position:absolute;opacity:0;width:0;height:0}
.opt__box{
  flex-shrink:0;width:19px;height:19px;border-radius:6px;margin-top:1px;
  border:1.5px solid var(--line-3);display:grid;place-items:center;
  transition:all .25s var(--e);
}
.opt input[type=radio] + .opt__box{border-radius:50%}
.opt__box svg{width:11px;height:11px;opacity:0;transform:scale(.6);transition:all .25s var(--e);color:#fff}
.opt input:checked + .opt__box{background:var(--spectrum);border-color:transparent}
.opt input:checked + .opt__box svg{opacity:1;transform:none}
.opt input:focus-visible + .opt__box{box-shadow:0 0 0 4px rgba(46,139,255,.2)}
.opt:has(input:checked){border-color:rgba(46,139,255,.5);background:rgba(46,139,255,.07)}
.opt__t{font-size:.94rem;font-weight:600;color:#fff;line-height:1.4}
.opt__d{display:block;font-size:.82rem;color:var(--w-48);font-weight:500;margin-top:3px;line-height:1.45}

/* 파일 첨부 */
.drop{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:clamp(26px,4vw,40px);border-radius:var(--r-m);text-align:center;cursor:pointer;
  border:1.5px dashed var(--line-2);background:rgba(255,255,255,.02);
  transition:border-color .3s var(--e),background .3s var(--e);
}
.drop:hover,.drop.is-over{border-color:rgba(46,139,255,.6);background:rgba(46,139,255,.05)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop__i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--cyan)}
.drop__t{font-size:.95rem;font-weight:700;color:#fff}
.drop__d{font-size:.82rem;color:var(--w-34)}
.files{display:grid;gap:8px}
.files:empty{display:none}
.file{
  position:relative;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:var(--r-s);
  background:var(--glass);border:1px solid var(--line);font-size:.9rem;overflow:hidden;
}
.file__n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600}
.file__s{color:var(--w-34);font-size:.82rem;flex-shrink:0}
.file__x{flex-shrink:0;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--w-48);transition:all .25s}
.file__x:hover{background:rgba(255,120,110,.14);color:#FF8A83}
.file__bar{position:absolute;left:0;bottom:0;height:2px;background:var(--spectrum);width:0;transition:width .3s linear}

/* 동의 */
.consent{display:grid;gap:10px;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-m);background:var(--glass);border:1px solid var(--line)}
.consent a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.consent__row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.consent .consent__more{flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--w-48);text-decoration:none}
.consent .consent__more::after{content:" ›"}
.consent .consent__more:hover{color:#fff}

/* 제출 */
.form__submit{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-top:6px}
.form__note{font-size:.85rem;color:var(--w-34);flex:1;min-width:220px}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn .spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite;display:none}
.btn.is-busy .spin{display:block}
.btn.is-busy .ar{display:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* 결과 */
.result{display:none;text-align:center;padding:clamp(34px,6vw,64px) clamp(20px,4vw,40px);border-radius:var(--r-x);
  background:var(--glass);border:1px solid var(--line)}
.result.is-on{display:block;animation:fadeUp .6s var(--eo)}
.result__i{width:66px;height:66px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;background:var(--spectrum);color:#fff;box-shadow:var(--glow-b)}
.result__code{display:inline-block;margin-top:18px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px var(--line-2);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem;color:#fff;letter-spacing:.06em}
.result--err .result__i{background:linear-gradient(120deg,#FF8A83,#F64141);box-shadow:0 0 0 1px rgba(246,65,65,.4),0 18px 60px rgba(246,65,65,.25)}

/* 진행 단계 */
.steps-bar{display:flex;gap:8px;margin-bottom:clamp(28px,4vw,44px);flex-wrap:wrap}
.steps-bar span{
  flex:1;min-width:88px;padding:11px 14px;border-radius:999px;font-size:.8rem;font-weight:700;text-align:center;
  background:var(--glass);border:1px solid var(--line);color:var(--w-48);
}
.steps-bar span.is-on{background:rgba(46,139,255,.12);border-color:rgba(46,139,255,.45);color:#fff}

/* ============================================================
   30. ADMIN
   ============================================================ */
.adm__bar{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:16px var(--gutter);background:rgba(4,6,12,.86);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.adm__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;margin-bottom:22px}
.adm__stat{background:var(--void-1);padding:18px 20px}
.adm__stat b{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.05em;color:#fff;line-height:1}
.adm__stat span{display:block;margin-top:7px;font-size:.8rem;color:var(--w-34)}
.adm__tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.adm__tools input[type=search]{
  flex:1;min-width:200px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.04);
  border:1px solid var(--line-2);color:#fff;font:inherit;font-size:.92rem;
}
.adm__tools input[type=search]:focus{outline:none;border-color:rgba(46,139,255,.7)}
.chipbtn{padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:700;border:1px solid var(--line);background:var(--glass);color:var(--w-64);transition:all .3s var(--e)}
.chipbtn:hover{border-color:var(--line-2);color:#fff}
.chipbtn.is-on{background:#fff;border-color:#fff;color:var(--void)}

.adm__table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;min-width:900px}
.adm__table th,.adm__table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.adm__table thead th{position:sticky;top:0;background:var(--void-1);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--w-34);font-weight:700;z-index:2;cursor:pointer;white-space:nowrap}
.adm__table thead th:hover{color:#fff}
.adm__table tbody tr{cursor:pointer;transition:background .2s}
.adm__table tbody tr:hover{background:var(--glass-2)}
.adm__table td.nm{color:#fff;font-weight:700;white-space:nowrap}
.adm__table td.dim{color:var(--w-48)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}
.tag--campus{background:rgba(133,214,151,.14);color:#9BE0AC;box-shadow:inset 0 0 0 1px rgba(133,214,151,.3)}
.tag--fellow{background:rgba(46,139,255,.14);color:#8FC2FF;box-shadow:inset 0 0 0 1px rgba(46,139,255,.32)}
.tag--fde{background:rgba(124,92,255,.15);color:#B6A4FF;box-shadow:inset 0 0 0 1px rgba(124,92,255,.34)}
.tag--expert{background:rgba(255,176,32,.13);color:var(--amber-l);box-shadow:inset 0 0 0 1px rgba(255,176,32,.32)}
.tag--company{background:rgba(124,92,255,.15);color:#B6A4FF;box-shadow:inset 0 0 0 1px rgba(124,92,255,.34)}
.tag--gov{background:rgba(34,211,238,.13);color:#7FE3F5;box-shadow:inset 0 0 0 1px rgba(34,211,238,.3)}
.tag--new{background:rgba(133,214,151,.14);color:#9BE0AC;box-shadow:inset 0 0 0 1px rgba(133,214,151,.3)}
.tag--done{background:var(--glass-2);color:var(--w-48);box-shadow:inset 0 0 0 1px var(--line)}

.drawer{position:fixed;inset:0;z-index:200;display:none}
.drawer.is-on{display:block}
.drawer__bg{position:absolute;inset:0;background:rgba(2,4,8,.7);backdrop-filter:blur(4px)}
.drawer__p{
  position:absolute;right:0;top:0;bottom:0;width:min(620px,100%);overflow-y:auto;
  background:var(--void-1);border-left:1px solid var(--line);padding:clamp(24px,4vw,40px);
  animation:slideIn .4s var(--eo);
}
@keyframes slideIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.drawer__x{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--glass-2);color:var(--w-64)}
.drawer__x:hover{background:var(--glass);color:#fff}
.dl{display:grid;gap:0;margin-top:22px}
.dl__r{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.dl__r dt{font-size:.82rem;color:var(--w-34);font-weight:600}
.dl__r dd{margin:0;font-size:.94rem;color:#fff;word-break:break-word;white-space:pre-wrap}
@media(max-width:560px){.dl__r{grid-template-columns:1fr;gap:5px}}
.dl a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

.login{min-height:100svh;display:grid;place-items:center;padding:var(--gutter)}
.login[hidden]{display:none}
.login__c{width:100%;max-width:400px;padding:clamp(28px,4vw,40px);border-radius:var(--r-x);background:var(--glass);border:1px solid var(--line)}

/* ============================================================
   31. CASES / TESTIMONIALS
   ============================================================ */
.case{
  position:relative;display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;
  background:var(--glass);border:1px solid var(--line);
  transition:transform .55s var(--e),border-color .55s var(--e),box-shadow .55s var(--e);
}
.case:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 26px 70px rgba(0,0,0,.5)}
.case__img{aspect-ratio:16/10;overflow:hidden;background:var(--void-2)}
.case__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e)}
.case:hover .case__img img{transform:scale(1.07)}
.case__b{padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;flex:1}
.case__ind{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.case__t{margin:11px 0 9px;font-size:1.1rem;font-weight:800;letter-spacing:-.035em;color:#fff;line-height:1.32}
.case__d{font-size:.93rem;color:var(--w-64);line-height:1.6;flex:1}
.case__m{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.case__m div b{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}
.case__m div span{display:block;margin-top:5px;font-size:.76rem;color:var(--w-34)}
.case__st{position:absolute;top:14px;right:14px;z-index:2;padding:5px 12px;border-radius:999px;font-size:.73rem;font-weight:700;
  background:rgba(4,6,12,.72);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--w-80)}

.quote{
  position:relative;padding:clamp(26px,3.4vw,40px);border-radius:var(--r-l);
  background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;
}
.quote__mark{font-size:2.6rem;line-height:.6;color:var(--line-3);font-family:Georgia,serif}
.quote__t{margin:14px 0 20px;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.62;color:#fff;font-weight:600;letter-spacing:-.025em;flex:1}
.quote__w{display:flex;align-items:center;gap:13px;padding-top:18px;border-top:1px solid var(--line)}
.quote__av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:800;color:var(--w-64);font-size:.9rem}
.quote__n{font-size:.92rem;font-weight:700;color:#fff}
.quote__r{font-size:.8rem;color:var(--w-34)}
.quote--pending{border-style:dashed;background:transparent}
.quote--pending .quote__t{color:var(--w-34);font-weight:500}

.logos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.logos span{
  padding:12px 22px;border-radius:var(--r-s);background:var(--glass);border:1px solid var(--line);
  font-size:.96rem;font-weight:700;color:var(--w-64);letter-spacing:-.02em;
}

/* ============================================================
   32. NONPROFIT EVENT
   ============================================================ */
.gift{
  position:relative;overflow:hidden;border-radius:var(--r-x);padding:clamp(28px,4.4vw,56px);
  background:linear-gradient(135deg,rgba(255,176,32,.13),rgba(255,122,69,.06));
  border:1px solid rgba(255,176,32,.32);
  box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);
}
.gift__k{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;
  background:rgba(255,176,32,.16);box-shadow:inset 0 0 0 1px rgba(255,176,32,.4);
  font-size:.78rem;font-weight:700;color:var(--amber-l);margin-bottom:20px}
.gift__t{font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:#fff}
.gift__big{background:var(--warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.gift__d{margin-top:18px;color:var(--w-72);font-size:clamp(.98rem,1.5vw,1.1rem);line-height:1.66;max-width:62ch}
.gift__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
@media(max-width:700px){.gift__grid{grid-template-columns:1fr}}
.gift__c{padding:18px 20px;border-radius:var(--r-m);background:rgba(4,6,12,.34);border:1px solid rgba(255,176,32,.2)}
.gift__c b{display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:700;margin-bottom:8px}
.gift__c span{font-size:.94rem;color:var(--w-80);line-height:1.55}

/* ============================================================
   33. GOVERNMENT PAGE — 명조 / 비장
   ============================================================ */
.gov{
  --serif:"Gowun Batang","Nanum Myeongjo",Batang,Georgia,serif;
  background:#05070B;
}
.gov .t-mega,.gov .t-display,.gov .t-h1,.gov .t-h2,.gov .t-h3,.gov .statement,.gov .gov-serif{
  font-family:var(--serif);font-weight:700;letter-spacing:-.015em;
}
.gov .t-mega{font-size:clamp(2.7rem,8.6vw,6.6rem);line-height:1.18;letter-spacing:-.01em}
.gov .t-display{font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.26;letter-spacing:-.01em}
.gov .t-h1{line-height:1.3;letter-spacing:-.01em}
.gov .t-h2{line-height:1.36;letter-spacing:-.01em}
.gov .statement{line-height:1.5;letter-spacing:-.01em}
.gov .eyebrow{color:#C9A86A}
.gov .eyebrow::before{background:#C9A86A}
.gov .grad{background:linear-gradient(120deg,#E6C989,#C9A86A 55%,#A8823F);-webkit-background-clip:text;background-clip:text;color:transparent}
.gov .hero__scrim{
  background:
    radial-gradient(120% 84% at 50% 0%,rgba(201,168,106,.18) 0%,transparent 58%),
    linear-gradient(180deg,rgba(5,7,11,.86) 0%,rgba(5,7,11,.56) 32%,rgba(5,7,11,.92) 80%,#05070B 100%);
}
.gov .chip{color:#E6C989;background:rgba(201,168,106,.10);box-shadow:inset 0 0 0 1px rgba(201,168,106,.34)}
.gov .chip .dot{background:#C9A86A;box-shadow:0 0 0 0 rgba(201,168,106,.6)}
.gov .btn{background:#E6C989;color:#161006}
.gov .btn::before{background:linear-gradient(120deg,#E6C989,#A8823F)}
.gov .btn:hover{color:#161006;box-shadow:0 0 0 1px rgba(201,168,106,.4),0 18px 60px rgba(201,168,106,.26)}
.gov .btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(201,168,106,.42)}
.gov .btn--line::before{background:#E6C989}
.gov .btn--line:hover{color:#161006;box-shadow:inset 0 0 0 1.5px #E6C989}
.gov .card:hover,.gov .panel:hover{border-color:rgba(201,168,106,.36)}
.gov .card__k,.gov .panel__k,.gov .flow__k,.gov .fset__n{background:linear-gradient(120deg,#E6C989,#A8823F);-webkit-background-clip:text;background-clip:text;color:transparent}
.gov .card .ico{color:#E6C989}

.gov .statement .hl{background-image:linear-gradient(transparent 58%,rgba(201,168,106,.45) 58%)}
.gov .step.is-active{border-color:rgba(201,168,106,.46);background:rgba(201,168,106,.07)}
.gov .step.is-active .step__n{background:linear-gradient(120deg,#E6C989,#A8823F);color:#161006}
.gov .checks .ck{background:linear-gradient(120deg,#E6C989,#A8823F);color:#161006}
.gov .cmp .hi{background:rgba(201,168,106,.10)}
.gov .tlink,.gov .acc__q:hover,.gov .case__ind{color:#E6C989}
.gov .acc__q .pm::before,.gov .acc__q .pm::after{background:#E6C989}
.gov .aurora i:nth-child(1){background:radial-gradient(circle,#8A6B2E,transparent 66%);opacity:.34}
.gov .aurora i:nth-child(2){background:radial-gradient(circle,#4A3A18,transparent 66%);opacity:.3}
.gov .aurora i:nth-child(3){background:radial-gradient(circle,#2E3A58,transparent 66%);opacity:.24}
.gov .progress{background:linear-gradient(90deg,#A8823F,#E6C989)}
.gov .team__box--lead{background:linear-gradient(120deg,#C9A86A,#A8823F);box-shadow:0 0 0 1px rgba(201,168,106,.4),0 18px 60px rgba(201,168,106,.22)}
.gov .team__box--lead .team__r{color:#161006}
.gov .team__box--lead .team__f{color:rgba(22,16,6,.7)}
.gov .nav.is-stuck{background:rgba(5,7,11,.78)}
.gov .nav__link::after{background:linear-gradient(90deg,#E6C989,#A8823F)}

/* 비장한 인용 블록 */
.edict{
  position:relative;padding:clamp(30px,5vw,64px) clamp(24px,4vw,56px);text-align:center;
  border-block:1px solid rgba(201,168,106,.26);
}
.edict__q{
  font-family:var(--serif);font-size:clamp(1.3rem,3.4vw,2.35rem);line-height:1.62;
  color:#F0E4CB;letter-spacing:-.005em;font-weight:700;text-wrap:balance;
}
.edict__s{margin-top:22px;font-size:.92rem;color:#C9A86A;letter-spacing:.14em;font-family:var(--serif)}
.edict__t{margin-top:26px;font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.8;color:var(--w-64);max-width:64ch;margin-inline:auto}

/* 10만 카운터 */
.myriad{text-align:center;padding-block:clamp(30px,5vw,56px)}
.myriad__n{
  font-family:var(--serif);font-size:clamp(4rem,15vw,12rem);font-weight:700;line-height:.95;letter-spacing:-.02em;
  background:linear-gradient(180deg,#F0E4CB,#C9A86A 52%,#6B5326);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.myriad__u{font-size:.3em;letter-spacing:.04em}
.myriad__l{margin-top:14px;font-size:clamp(1rem,2vw,1.3rem);color:#C9A86A;letter-spacing:.1em;font-family:var(--serif)}

/* ============================================================
   34. LEGAL PAGES
   ============================================================ */
.legal{padding-top:calc(var(--nav-h) + clamp(48px,7vw,96px));padding-bottom:clamp(64px,9vw,120px)}
.legal__h{margin-bottom:clamp(34px,5vw,56px);padding-bottom:26px;border-bottom:1px solid var(--line)}
.legal__meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:.86rem;color:var(--w-34)}
.legal__toc{
  display:grid;gap:7px;padding:clamp(20px,2.6vw,28px);border-radius:var(--r-m);
  background:var(--glass);border:1px solid var(--line);margin-bottom:clamp(34px,5vw,52px);
}
.legal__toc a{font-size:.92rem;color:var(--w-64);transition:color .25s}
.legal__toc a:hover{color:var(--cyan)}
.legal__b h2{
  font-size:clamp(1.14rem,2vw,1.42rem);font-weight:700;letter-spacing:-.035em;color:#fff;
  margin:clamp(38px,5vw,56px) 0 16px;scroll-margin-top:calc(var(--nav-h) + 24px);
}
.legal__b h3{font-size:1.02rem;font-weight:700;color:#fff;margin:26px 0 10px;letter-spacing:-.03em}
.legal__b p{color:var(--w-64);margin-bottom:14px;line-height:1.78}
.legal__b ul,.legal__b ol{display:grid;gap:9px;margin:0 0 18px;padding-left:2px}
.legal__b li{position:relative;padding-left:18px;color:var(--w-64);line-height:1.72}
.legal__b li::before{content:"";position:absolute;left:0;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--line-3)}
.legal__b ol{counter-reset:li}
.legal__b ol li{counter-increment:li}
.legal__b ol li::before{content:counter(li);width:auto;height:auto;border-radius:0;background:none;top:0;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;color:var(--w-34)}
.legal__tw{overflow-x:auto;margin-bottom:20px}
.legal__tw table{min-width:600px;margin-bottom:0}
.legal__b table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;margin-bottom:20px}
.legal__b th,.legal__b td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);color:var(--w-64);vertical-align:top}
.legal__b th{color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.06em}
.legal__b a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal__b strong{color:#fff;font-weight:700}

/* ============================================================
   35. FOOTER — AX 본사이트 이동
   ============================================================ */
.foot__home{
  display:inline-flex;align-items:center;gap:11px;padding:13px 22px;border-radius:999px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:#fff;
  font-weight:700;font-size:.93rem;letter-spacing:-.02em;margin-top:20px;
  transition:background .35s var(--e),box-shadow .35s var(--e),transform .35s var(--e),color .35s var(--e);
}
.foot__home:hover{background:#fff;color:var(--void);box-shadow:none;transform:translateY(-2px)}
.foot__home .mk{width:26px;height:15px;background:currentColor;flex-shrink:0;
  -webkit-mask:url("../img/ax-wordmark.png") no-repeat center/contain;
  mask:url("../img/ax-wordmark.png") no-repeat center/contain}
.foot__cols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(24px,4vw,48px)}
@media(max-width:900px){.foot__cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot__cols{grid-template-columns:1fr}}
.foot__col h4{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w-34);font-weight:700;margin-bottom:15px}
.foot__col a{display:block;font-size:.92rem;color:var(--w-64);padding:5px 0;transition:color .25s}
.foot__col a:hover{color:#fff}

/* 한국어 단어 중간 줄바꿈 방지 */
.t-mega,.t-display,.t-h1,.t-h2,.t-h3,.statement,.t-lead,.card__t,.panel__t,.track__t,.case__t,.gift__t,.quote__t,.edict__q{word-break:keep-all}

/* ============================================================
   36. 한국어 조판 — 어절 단위 줄바꿈
   ============================================================ */
/* 한국어는 단어 중간에서 끊으면 안 된다. 전역 기본값으로 둔다. */
body{word-break:keep-all;overflow-wrap:break-word}
/* 제목은 줄 길이를 고르게, 본문은 외톨이 단어를 피하게 */
h1,h2,h3,h4,.t-mega,.t-display,.t-h1,.t-h2,.t-h3,.statement,.track__t,.case__t,.gift__t,.edict__q{text-wrap:balance}
p,li,.t-lead,.t-body,.card__d,.track__d,.case__d,.opt__d,.quote__t,.step__d,.flow__d,.panel__l li{text-wrap:pretty}
/* 의미 단위 줄바꿈 — 넓은 화면에서만 적용하고 좁은 화면에선 자연스럽게 흐르게 */
.br-lg{display:none}
@media(min-width:900px){.br-lg{display:inline}}

/* ============================================================
   37. 시스템 연결 지도 — 쓰던 도구에 어떻게 붙는가
   ============================================================ */
.stack{border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--glass)}
.stack__r{
  display:grid;grid-template-columns:150px 1.1fr 1.5fr;gap:0;
  border-bottom:1px solid var(--line);transition:background .35s var(--e);
}
.stack__r:last-child{border-bottom:0}
.stack__r:hover{background:var(--glass-2)}
.stack__r > *{padding:16px 18px;min-width:0}
.stack__k{
  display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;font-size:.95rem;
  border-right:1px solid var(--line);
}
.stack__k i{
  width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--cyan);
}
.stack__t{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;align-content:flex-start;border-right:1px solid var(--line)}
.stack__t span{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;padding:4px 10px;border-radius:5px;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);color:var(--w-64);white-space:nowrap;
}
.stack__h{font-size:.93rem;color:var(--w-64);line-height:1.6}
.stack__h b{color:#fff;font-weight:700}
.stack__hd{
  display:grid;grid-template-columns:150px 1.1fr 1.5fr;background:var(--void-2);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--w-34);font-weight:700;border-bottom:1px solid var(--line-2);
}
.stack__hd > *{padding:12px 18px}
@media(max-width:840px){
  .stack__r,.stack__hd{grid-template-columns:1fr}
  .stack__k,.stack__t{border-right:0;border-bottom:1px solid var(--line)}
  .stack__hd{display:none}
  .stack__r > *{padding:13px 16px}
}

/* ============================================================
   38. AS-IS → TO-BE
   ============================================================ */
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.2vw,28px);align-items:stretch}
@media(max-width:900px){.vs{grid-template-columns:1fr}.vs__mid{transform:rotate(90deg);justify-self:center;padding:6px 0}}
.vs__col{
  border-radius:var(--r-l);padding:clamp(20px,2.6vw,30px);
  border:1px solid var(--line);background:var(--glass);display:flex;flex-direction:column;
}
.vs__col--to{border-color:rgba(46,139,255,.38);background:rgba(46,139,255,.06)}
.vs__lab{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.2em;font-weight:700;
  padding:5px 12px;border-radius:999px;margin-bottom:18px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--w-48);
}
.vs__col--to .vs__lab{background:rgba(46,139,255,.16);box-shadow:inset 0 0 0 1px rgba(46,139,255,.4);color:#8FC2FF}
.vs__list{display:flex;flex-direction:column;gap:0;counter-reset:vs}
.vs__list li{
  position:relative;padding:11px 0 11px 30px;font-size:.95rem;color:var(--w-64);line-height:1.55;
}
.vs__list li::before{
  counter-increment:vs;content:counter(vs);position:absolute;left:0;top:11px;
  width:20px;height:20px;border-radius:6px;display:grid;place-items:center;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700;
  background:var(--glass-2);color:var(--w-48);
}
.vs__list li:not(:last-child)::after{
  content:"";position:absolute;left:9.5px;top:33px;bottom:-1px;width:1px;background:var(--line-2);
}
.vs__col--to .vs__list li{color:var(--w-80)}
.vs__col--to .vs__list li::before{background:var(--spectrum);color:#fff}
.vs__col--to .vs__list li:not(:last-child)::after{background:rgba(46,139,255,.35)}
.vs__pain{margin-top:auto;padding-top:16px;border-top:1px dashed var(--line-2);font-size:.88rem;color:var(--w-48)}
.vs__col--to .vs__pain{color:#8FC2FF;border-top-color:rgba(46,139,255,.3)}
.vs__mid{display:grid;place-items:center;color:var(--w-34)}
.vs__mid svg{width:26px;height:26px}

/* ============================================================
   39. 산출물 (업무팩 구성물)
   ============================================================ */
.deliv{display:grid;gap:12px}
.deliv__i{
  display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center;
  padding:18px 22px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--glass);
  transition:border-color .45s var(--e),background .45s var(--e),transform .45s var(--e);
}
.deliv__i:hover{border-color:var(--line-2);background:var(--glass-2);transform:translateX(5px)}
.deliv__n{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:800;line-height:1;
  background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;
}
.deliv__t{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.03em}
.deliv__f{
  display:inline-block;margin-left:10px;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:.74rem;padding:3px 9px;border-radius:5px;background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px var(--line);color:var(--cyan);vertical-align:middle;
}
.deliv__d{margin-top:6px;font-size:.93rem;color:var(--w-64);line-height:1.6}
.deliv__w{
  font-size:.78rem;color:var(--w-34);text-align:right;white-space:nowrap;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
@media(max-width:760px){
  .deliv__i{grid-template-columns:40px 1fr;gap:14px}
  .deliv__w{grid-column:2;text-align:left;margin-top:4px}
}

/* ============================================================
   40. 관리 화면 목업 (PMS)
   ============================================================ */
.pri{
  display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
.pri--1{background:rgba(255,120,110,.16);color:#FF9A92;box-shadow:inset 0 0 0 1px rgba(255,120,110,.34)}
.pri--2{background:rgba(255,176,32,.14);color:var(--amber-l);box-shadow:inset 0 0 0 1px rgba(255,176,32,.32)}
.pri--3{background:rgba(46,139,255,.14);color:#8FC2FF;box-shadow:inset 0 0 0 1px rgba(46,139,255,.3)}
.pri--r{background:var(--glass-2);color:var(--w-48);box-shadow:inset 0 0 0 1px var(--line)}

/* ============================================================
   41. 단계 원칙 (DX → Automation → Agent)
   ============================================================ */
.phase{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:ph}
@media(max-width:820px){.phase{grid-template-columns:1fr}}
.phase__i{
  position:relative;padding:clamp(22px,2.8vw,30px);border-radius:var(--r-l);
  border:1px solid var(--line);background:var(--glass);overflow:hidden;
}
.phase__i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line-2)}
.phase__i--on::before{background:var(--spectrum)}
.phase__n{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.2em;
  font-weight:700;color:var(--w-34);
}
.phase__i--on .phase__n{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.phase__t{margin:10px 0 10px;font-size:1.18rem;font-weight:800;color:#fff;letter-spacing:-.035em}
.phase__d{font-size:.93rem;color:var(--w-64);line-height:1.62}
.phase__tag{
  display:inline-block;margin-top:14px;font-size:.74rem;padding:4px 11px;border-radius:999px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--w-48);
}
.phase__i--on .phase__tag{background:rgba(46,139,255,.14);box-shadow:inset 0 0 0 1px rgba(46,139,255,.36);color:#8FC2FF}


/* ============================================================
   42. 역량 묶음 (Capability group)
   ============================================================ */
.cap{
  padding:clamp(22px,2.8vw,30px);border-radius:var(--r-l);
  border:1px solid var(--line);background:var(--glass);
  transition:border-color .5s var(--e),background .5s var(--e);
}
.cap:hover{border-color:var(--line-2);background:var(--glass-2)}
.cap__h{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:4px}
.cap__n{
  width:34px;height:34px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;font-weight:800;
  background:var(--spectrum);color:#fff;
}
.cap__t{font-size:1.14rem;font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.3}
.cap__s{margin-top:4px;font-size:.86rem;color:var(--w-48);line-height:1.5}
.cap__l{counter-reset:none;display:flex;flex-direction:column}
.cap__l li{
  position:relative;padding:14px 0 14px 34px;border-bottom:1px solid var(--line);
}
.cap__l li:last-child{border-bottom:0;padding-bottom:0}
.cap__l li::before{
  content:counter(list-item);position:absolute;left:0;top:14px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;
  color:var(--w-34);width:22px;text-align:center;
}
.cap__l li b{display:block;font-size:.99rem;font-weight:700;color:#fff;letter-spacing:-.03em}
.cap__l li span{display:block;margin-top:4px;font-size:.87rem;color:var(--w-48);line-height:1.55}

/* ============================================================
   43. 합류 4갈래 (Join paths)
   ============================================================ */
.joins{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left}
@media(max-width:1000px){.joins{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.joins{grid-template-columns:1fr}}
.join{
  display:flex;flex-direction:column;padding:clamp(22px,2.6vw,28px);
  border-radius:var(--r-l);border:1px solid var(--line);background:var(--glass);
  transition:transform .5s var(--e),border-color .5s var(--e),background .5s var(--e),box-shadow .5s var(--e);
}
.join:hover{transform:translateY(-6px);border-color:rgba(46,139,255,.45);background:rgba(46,139,255,.06);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.join--amber:hover{border-color:rgba(255,176,32,.45);background:rgba(255,176,32,.06)}
.join--violet:hover{border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.07)}
.join__k{
  align-self:flex-start;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  padding:4px 10px;border-radius:999px;margin-bottom:16px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--w-48);
}
.join--amber .join__k{background:rgba(255,176,32,.13);box-shadow:inset 0 0 0 1px rgba(255,176,32,.32);color:var(--amber-l)}
.join--violet .join__k{background:rgba(124,92,255,.15);box-shadow:inset 0 0 0 1px rgba(124,92,255,.34);color:#B6A4FF}
.join__t{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.2}
.join__d{margin-top:12px;font-size:.92rem;color:var(--w-64);line-height:1.6;flex:1}
.join__w{
  margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
  font-size:.78rem;color:var(--w-34);
}
.join__go{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:.88rem;font-weight:700;color:var(--cyan)}
.join--amber .join__go{color:var(--amber-l)}
.join--violet .join__go{color:#B6A4FF}
.join__go .ar{transition:transform .4s var(--e)}
.join:hover .join__go .ar{transform:translateX(5px)}

/* ============================================================
   44. 네트워크 프로필 필터 (직무 × 산업)
   ============================================================ */
.filter{border:1px solid var(--line);border-radius:var(--r-l);background:var(--glass);overflow:hidden}
.filter__row{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;padding:16px 20px;border-bottom:1px solid var(--line)}
.filter__lab{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--w-34);font-weight:700;padding-top:9px;
}
.filter__chips{display:flex;flex-wrap:wrap;gap:7px}
.fchip{
  padding:7px 14px;border-radius:999px;font-size:.84rem;font-weight:600;white-space:nowrap;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--w-64);
  transition:all .28s var(--e);
}
.fchip:hover{border-color:var(--line-2);color:#fff}
.fchip.is-on{background:#fff;border-color:#fff;color:var(--void);font-weight:700}
.filter__count{padding:12px 20px;font-size:.84rem;color:var(--w-48);border-bottom:1px solid var(--line);background:var(--void-2)}
.filter__count b{color:#fff;font-weight:700}
.filter__empty{padding:44px 20px;text-align:center;color:var(--w-48);font-size:.95rem}
@media(max-width:640px){.filter__row{grid-template-columns:1fr;gap:8px}.filter__lab{padding-top:0}}

.profs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
@media(max-width:1000px){.profs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.profs{grid-template-columns:1fr}}
.prof{
  background:var(--void-1);padding:22px;display:flex;flex-direction:column;
  transition:background .35s var(--e);
}
.prof:hover{background:var(--void-2)}
.prof[hidden]{display:none}
.prof__h{display:flex;gap:13px;align-items:center;margin-bottom:14px}
.prof__av{
  width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;
  font-size:1.15rem;font-weight:800;color:#fff;
}
.prof__av--exp{background:linear-gradient(135deg,rgba(255,176,32,.32),rgba(255,122,69,.22));box-shadow:inset 0 0 0 1px rgba(255,176,32,.4)}
.prof__av--fde{background:linear-gradient(135deg,rgba(46,139,255,.32),rgba(124,92,255,.24));box-shadow:inset 0 0 0 1px rgba(46,139,255,.4)}
.prof__id{min-width:0}
.prof__role{
  display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.64rem;
  letter-spacing:.12em;font-weight:700;padding:3px 9px;border-radius:4px;
}
.prof__role--exp{background:rgba(255,176,32,.14);color:var(--amber-l);box-shadow:inset 0 0 0 1px rgba(255,176,32,.3)}
.prof__role--fde{background:rgba(46,139,255,.15);color:#8FC2FF;box-shadow:inset 0 0 0 1px rgba(46,139,255,.32)}
.prof__n{margin-top:6px;font-size:.95rem;color:#fff;font-weight:700;letter-spacing:-.02em}
.prof__n b{font-weight:600;color:var(--w-48);font-size:.86rem;margin-left:3px}
.prof__d{font-size:.9rem;color:var(--w-64);line-height:1.6;flex:1}
.prof__m{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.prof__t{font-size:.76rem;padding:4px 10px;border-radius:5px;font-weight:600}
.prof__t--job{background:rgba(46,139,255,.1);color:#8FC2FF;box-shadow:inset 0 0 0 1px rgba(46,139,255,.24)}
.prof__t--ind{background:var(--glass-2);color:var(--w-64);box-shadow:inset 0 0 0 1px var(--line-2)}
.prof__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.prof__tags span{font-size:.75rem;color:var(--w-34)}

/* ============================================================
   45. 라벨 폰트 교정 — 한글이 등폭 글꼴 + 넓은 자간에서 깨지던 문제
   ============================================================ */
/* 한글이 섞이는 라벨은 본문 글꼴로, 자간은 최소만. */
.join__k,.filter__lab,.deliv__w,.track__no,.phase__n,.vs__lab,.card__k,
.stack__hd > *,.panel__k,.flow__k,.fset__n,.prof__role,.eyebrow.t-mono,
/* 숫자·영문 전용 라벨은 등폭을 유지한다 */
.panel__no,.deliv__n,.cap__n,.step__n,.pri,.result__code,.t-mono.foot__sig{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.eyebrow{font-size:.76rem;font-weight:700}
.join__k{font-size:.72rem;letter-spacing:.04em}
.filter__lab{font-size:.78rem;letter-spacing:.04em}
.track__no{font-size:.74rem;letter-spacing:.04em}
.phase__n{font-size:.74rem;letter-spacing:.04em}
.card__k{font-size:.74rem;letter-spacing:.06em}
.deliv__w{font-size:.8rem;letter-spacing:.02em}
.vs__lab{font-size:.74rem;letter-spacing:.06em}
.stack__hd > *{font-size:.72rem;letter-spacing:.06em}

/* ============================================================
   46. 푸터 — 전면 정돈
   ============================================================ */
.foot{background:var(--void);border-top:1px solid var(--line);padding-block:clamp(52px,7vw,80px) 36px;color:var(--w-48)}
.foot__cols{
  display:grid;grid-template-columns:1.5fr repeat(4,1fr);
  gap:clamp(26px,3.4vw,52px);align-items:start;
}
@media(max-width:1100px){.foot__cols{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.foot__cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot__cols{grid-template-columns:1fr;gap:30px}}
.foot__brand{grid-column:span 1}
@media(max-width:1100px){.foot__brand{grid-column:1/-1}}

/* 푸터 안의 링크 스타일이 로고·버튼의 flex 레이아웃을 덮어쓰지 않게 한다 */
.foot a.lockup{display:inline-flex}
.foot a.foot__home{display:inline-flex}
.foot__tag{margin-top:16px;font-size:.88rem;line-height:1.7;color:var(--w-48);max-width:30ch}

.foot__home{
  align-items:center;gap:10px;margin-top:20px;padding:11px 18px;border-radius:999px;
  background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);color:#fff;
  font-weight:700;font-size:.88rem;letter-spacing:-.02em;white-space:nowrap;width:auto;
  transition:background .35s var(--e),box-shadow .35s var(--e),transform .35s var(--e),color .35s var(--e);
}
.foot__home:hover{background:#fff;color:var(--void);box-shadow:none;transform:translateY(-2px)}
.foot__home .mk{
  width:28px;height:16px;flex:0 0 28px;background:currentColor;
  -webkit-mask:url("../img/ax-wordmark.png") no-repeat center/contain;
  mask:url("../img/ax-wordmark.png") no-repeat center/contain;
}

.foot__col h4{
  display:flex;flex-direction:column;gap:4px;
  font-size:.86rem;font-weight:800;color:#fff;letter-spacing:-.02em;
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);
  text-transform:none;
}
.foot__col h4 span{font-size:.72rem;font-weight:600;color:var(--w-34);letter-spacing:0}
.foot__col a{display:block;font-size:.88rem;color:var(--w-64);padding:6px 0;transition:color .25s var(--e)}
.foot__col a:hover{color:#fff}

/* 지사 주소 — 박스 대신 한 줄 흐름으로 간결하게 */
.foot__offices{
  display:flex;flex-wrap:wrap;gap:7px 24px;
  margin-top:clamp(32px,4.4vw,48px);padding-top:22px;border-top:1px solid var(--line);
}
.foot__offices > span{
  display:inline-flex;align-items:baseline;gap:8px;
  font-size:.78rem;line-height:1.6;color:var(--w-48);word-break:keep-all;
}
.foot__offices b{
  flex-shrink:0;font-size:.72rem;font-weight:800;color:var(--w-64);letter-spacing:.02em;
}

.foot__legal{
  display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;align-items:baseline;
  margin-top:16px;padding-top:0;border-top:0;
  font-size:.76rem;color:var(--w-34);line-height:1.7;word-break:keep-all;
}
.foot__biz{margin:0}
.gov .foot__offices b{color:#C9A86A}

/* ============================================================
   47. 단계 사다리 (의료 ↔ AX 대조)
   ============================================================ */
.lad{display:flex;flex-direction:column;gap:10px;counter-reset:lad}
.lad__i{
  position:relative;display:grid;grid-template-columns:46px 1fr;gap:16px;
  padding:18px 20px;border-radius:var(--r-m);
  border:1px solid var(--line);background:var(--glass);
  transition:border-color .5s var(--e),background .5s var(--e),transform .5s var(--e);
}
.lad__i:hover{border-color:rgba(46,139,255,.4);background:rgba(46,139,255,.05);transform:translateX(5px)}
.lad__n{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;align-self:start;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;font-weight:800;
  background:var(--glass-2);color:var(--w-48);box-shadow:inset 0 0 0 1px var(--line-2);
}
.lad__i:nth-child(1) .lad__n{background:linear-gradient(135deg,rgba(46,139,255,.28),rgba(34,211,238,.2));color:#fff;box-shadow:inset 0 0 0 1px rgba(46,139,255,.4)}
.lad__i:nth-child(2) .lad__n{background:linear-gradient(135deg,rgba(46,139,255,.4),rgba(124,92,255,.26));color:#fff;box-shadow:inset 0 0 0 1px rgba(46,139,255,.5)}
.lad__i:nth-child(3) .lad__n{background:linear-gradient(135deg,rgba(124,92,255,.42),rgba(46,139,255,.3));color:#fff;box-shadow:inset 0 0 0 1px rgba(124,92,255,.5)}
.lad__i:nth-child(4) .lad__n{background:var(--spectrum);color:#fff;box-shadow:var(--glow-b)}
.lad__k{
  display:inline-block;font-size:.74rem;font-weight:700;color:var(--w-34);
  letter-spacing:.04em;margin-bottom:10px;
}
.lad__row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
@media(max-width:760px){.lad__row{grid-template-columns:1fr;gap:8px}.lad__arrow{display:none}}
.lad__p{min-width:0}
.lad__src{
  display:block;font-size:.68rem;font-weight:700;color:var(--w-34);
  letter-spacing:.08em;margin-bottom:3px;
}
.lad__p b{display:block;font-size:.98rem;font-weight:700;color:var(--w-64);letter-spacing:-.025em;line-height:1.35}
.lad__p span.d{display:block;margin-top:3px;font-size:.84rem;color:var(--w-34);line-height:1.5}
.lad__p--ax .lad__src{color:var(--cyan)}
.lad__p--ax b{color:#fff}
.lad__p--ax span.d{color:var(--w-48)}
.lad__arrow{color:var(--line-3);display:grid;place-items:center}
.lad__arrow svg{width:18px;height:18px}
.lad__note{margin-top:16px;font-size:.84rem;color:var(--w-34);line-height:1.65}
.lad__note b{color:#fff}

/* ============================================================
   48. 연결 구조도 (그물망 · 3개 층)
   ============================================================ */
.net{
  position:relative;border:1px solid var(--line);border-radius:var(--r-x);
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
  padding:clamp(18px,2.6vw,32px);overflow:hidden;
}
.net::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(100% 70% at 50% 45%,#000 4%,transparent 76%);
  mask-image:radial-gradient(100% 70% at 50% 45%,#000 4%,transparent 76%);
}
.net > *{position:relative;z-index:1}

.net__h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.net__no{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;font-weight:800;
}
.net__t{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.03em}
.net__s{font-size:.82rem;color:var(--w-48);word-break:keep-all}
.net__band--keep .net__no{background:var(--glass-2);color:var(--w-64);box-shadow:inset 0 0 0 1px var(--line-2)}
.net__band--link .net__no{background:rgba(34,211,238,.16);color:#7FE3F5;box-shadow:inset 0 0 0 1px rgba(34,211,238,.38)}
.net__band--make .net__no{background:var(--spectrum);color:#fff}

.net__row{display:grid;gap:8px}
.net__row--7{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){.net__row--7{grid-template-columns:repeat(3,1fr)}}
.net__row--4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.nnode{
  display:flex;flex-direction:column;gap:9px;padding:12px 12px 13px;border-radius:var(--r-s);
  border:1px solid var(--line);background:rgba(255,255,255,.035);
  transition:border-color .4s var(--e),background .4s var(--e),transform .4s var(--e);
}
.nnode:hover{transform:translateY(-3px)}
.nnode__t{font-size:.8rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.3;word-break:keep-all}
.nnode__d{font-size:.74rem;color:var(--w-48);line-height:1.5;word-break:keep-all}
.nnode__chips{display:flex;flex-direction:column;gap:5px;align-items:flex-start}

.bchip{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;
  padding:4px 9px 4px 6px;border-radius:7px;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-2);
  font-size:.7rem;font-weight:600;color:var(--w-64);letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bchip svg{flex-shrink:0}
.bchip__tx{
  width:15px;height:15px;flex-shrink:0;border-radius:4px;display:grid;place-items:center;
  font-size:.58rem;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1.4px currentColor;
}

.net__band--keep .nnode{border-style:dashed;border-color:var(--line-2)}
.net__band--link .nnode{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.05)}
.net__band--link .nnode:hover{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.09)}
.net__band--make .nnode{position:relative;border-color:rgba(46,139,255,.34);background:rgba(46,139,255,.07)}
.net__band--make .nnode:hover{border-color:rgba(46,139,255,.6);background:rgba(46,139,255,.12)}
.nnode--new::after{
  content:"NEW";position:absolute;top:-7px;right:-6px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.55rem;font-weight:800;letter-spacing:.08em;
  padding:2px 6px;border-radius:999px;background:var(--spectrum);color:#fff;
}

.net__wires{display:block;width:100%;height:clamp(40px,5vw,62px)}
.net__wires path{fill:none;stroke:rgba(46,139,255,.34);stroke-width:1.3;vector-effect:non-scaling-stroke}
.net__wires .w--cyan{stroke:rgba(34,211,238,.42)}
.net__wires .w--dot{stroke-dasharray:3 5;stroke:rgba(255,255,255,.16)}
.net__wires circle{fill:rgba(34,211,238,.85)}

.net__flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.net__flow .nnode:not(:last-child)::before{
  content:"";position:absolute;top:50%;right:-9px;width:8px;height:8px;z-index:3;
  border-top:1.6px solid rgba(46,139,255,.6);border-right:1.6px solid rgba(46,139,255,.6);
  transform:translateY(-50%) rotate(45deg);
}

.net__loop{
  display:flex;align-items:center;gap:11px;
  margin-top:16px;padding:12px 18px;border-radius:var(--r-m);
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2);
  font-size:.83rem;color:var(--w-64);line-height:1.6;word-break:keep-all;
}
.net__loop b{color:#fff;font-weight:700}
.net__loop svg{flex-shrink:0;color:var(--cyan)}

.net__legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.net__legend span{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--w-48)}
.net__legend i{width:12px;height:12px;border-radius:4px;flex-shrink:0}
.net__legend .lg--keep{border:1.5px dashed var(--line-3)}
.net__legend .lg--link{background:rgba(34,211,238,.18);box-shadow:inset 0 0 0 1px rgba(34,211,238,.5)}
.net__legend .lg--make{background:var(--spectrum)}

@media(max-width:900px){
  .net__wires{height:32px}
  .net__flow .nnode:not(:last-child)::before{display:none}
}
@media(max-width:520px){
  .net__row--7{grid-template-columns:1fr 1fr}
  .nnode__d{font-size:.7rem}
}

/* ============================================================
   49. AX 에이전트 명세서
   ============================================================ */
.agent{
  border:1px solid var(--line);border-radius:var(--r-x);overflow:hidden;
  background:linear-gradient(180deg,rgba(124,92,255,.07),rgba(255,255,255,.012));
}
.agent__hd{padding:clamp(20px,2.8vw,30px);border-bottom:1px solid var(--line)}
.agent__badge{
  display:inline-block;margin-bottom:11px;padding:4px 11px;border-radius:999px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.64rem;font-weight:800;letter-spacing:.14em;
  background:var(--spectrum);color:#fff;
}
.agent__name{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:800;color:#fff;letter-spacing:-.035em;margin:0}
.agent__sub{margin-top:9px;font-size:.84rem;color:var(--w-48);word-break:keep-all}
.agent__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
@media(max-width:900px){.agent__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.agent__grid{grid-template-columns:1fr}}
.spec{background:var(--void-2);padding:clamp(17px,2.1vw,23px);display:flex;flex-direction:column;gap:12px}
.spec__h{display:flex;flex-direction:column;gap:6px}
.spec__k{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.62rem;font-weight:800;letter-spacing:.14em;
  color:var(--w-34);
}
.spec__t{font-size:.98rem;font-weight:800;color:#fff;letter-spacing:-.025em;margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.spec__t span{font-size:.76rem;font-weight:600;color:var(--w-34);letter-spacing:0}
.spec__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.spec__l li{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 11px;border-radius:8px;font-size:.8rem;color:var(--w-64);line-height:1.4;
  background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--line-2);word-break:keep-all;
}
.spec--role .spec__k{color:#8FC2FF}
.spec--role .spec__l li{background:rgba(46,139,255,.1);box-shadow:inset 0 0 0 1px rgba(46,139,255,.28);color:#CFE2FF}
.spec--skill .spec__k{color:#7FE3F5}
.spec--skill .spec__l li{background:rgba(34,211,238,.09);box-shadow:inset 0 0 0 1px rgba(34,211,238,.26)}
.spec--mcp .spec__k{color:#B7A4FF}
.spec--mcp .spec__l li{background:rgba(124,92,255,.1);box-shadow:inset 0 0 0 1px rgba(124,92,255,.28)}
.spec--pol .spec__k{color:var(--amber)}
.spec--pol .spec__l li{background:rgba(255,176,32,.11);box-shadow:inset 0 0 0 1px rgba(255,176,32,.32);color:#FFD891;font-weight:700}

/* ============================================================
   50. 관리 시스템 예시 화면 (.app) — 사이드바 + 목록 + 상세
   ============================================================ */
.app{
  border:1px solid var(--line-2);border-radius:var(--r-l);overflow:hidden;
  background:var(--void-2);box-shadow:0 34px 90px -40px rgba(0,0,0,.85);
}
.app__bar{
  display:flex;align-items:center;gap:7px;padding:11px 16px;
  background:rgba(255,255,255,.035);border-bottom:1px solid var(--line);
}
.app__dot{width:9px;height:9px;border-radius:50%;background:var(--line-3);flex-shrink:0}
.app__url{
  display:inline-flex;align-items:center;gap:6px;margin:0 auto;padding:4px 14px;border-radius:999px;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);
  font-size:.76rem;color:var(--w-48);white-space:nowrap;
}
.app__url b{color:var(--w-64);font-weight:700}
.app__me{font-size:.76rem;color:var(--w-34);white-space:nowrap}

.app__body{display:grid;grid-template-columns:158px minmax(0,1fr) 272px;min-height:0}

/* 사이드바 */
.app__side{
  display:flex;flex-direction:column;gap:2px;padding:16px 10px;
  border-right:1px solid var(--line);background:rgba(255,255,255,.015);
}
.app__logo{
  padding:0 10px 12px;margin-bottom:6px;border-bottom:1px solid var(--line);
  font-size:.78rem;font-weight:800;color:#fff;letter-spacing:-.02em;
}
.app__nav{
  display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;
  font-size:.78rem;color:var(--w-48);letter-spacing:-.01em;white-space:nowrap;
}
.app__nav i{
  margin-left:auto;font-style:normal;font-size:.68rem;font-weight:800;
  padding:1px 6px;border-radius:999px;background:var(--glass-2);color:var(--w-64);
}
.app__nav.is-on{background:rgba(46,139,255,.14);color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(46,139,255,.3)}
.app__nav.is-on i{background:var(--spectrum);color:#fff}
.app__nav--warn i{background:rgba(255,176,32,.18);color:var(--amber-l)}
.app__sep{height:1px;background:var(--line);margin:9px 10px}

/* 본문 */
.app__main{padding:18px clamp(14px,1.8vw,22px);min-width:0}
.app__hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.app__hd h4{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.03em;margin:0}
.app__date{font-size:.74rem;color:var(--w-34)}
.app__kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.app__k{padding:12px 13px;border-radius:var(--r-s);background:var(--glass);border:1px solid var(--line)}
.app__k b{display:block;font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}
.app__k span{display:block;margin-top:6px;font-size:.72rem;color:var(--w-34)}
.app__k--hot b{background:var(--warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.app__k--warn{border-color:rgba(255,176,32,.3);background:rgba(255,176,32,.06)}
.app__k--warn b{color:var(--amber-l)}

.app__tbl{width:100%;border-collapse:collapse;font-size:.8rem}
.app__tbl th{
  text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-2);
  font-size:.68rem;font-weight:800;color:var(--w-34);letter-spacing:.04em;white-space:nowrap;
}
.app__tbl td{padding:10px;border-bottom:1px solid var(--line);color:var(--w-48);vertical-align:middle;white-space:nowrap}
.app__tbl tr:last-child td{border-bottom:0}
.app__tbl td.s{color:#fff;font-weight:600;white-space:normal;word-break:keep-all}
.app__tbl tr.is-sel td{background:rgba(46,139,255,.09)}
.app__tbl tr.is-sel td:first-child{box-shadow:inset 2px 0 0 var(--blue)}
.st{
  display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:600;
  background:var(--glass-2);color:var(--w-48);box-shadow:inset 0 0 0 1px var(--line);
}
.st--ok{background:rgba(34,211,238,.1);color:#7FE3F5;box-shadow:inset 0 0 0 1px rgba(34,211,238,.26)}
.st--wait{background:rgba(46,139,255,.13);color:#8FC2FF;box-shadow:inset 0 0 0 1px rgba(46,139,255,.3)}
.st--warn{background:rgba(255,176,32,.13);color:var(--amber-l);box-shadow:inset 0 0 0 1px rgba(255,176,32,.32)}

/* 상세 패널 */
.app__panel{
  padding:18px 16px;border-left:1px solid var(--line);
  background:rgba(255,255,255,.022);display:flex;flex-direction:column;gap:11px;min-width:0;
}
.app__pk{font-size:.66rem;font-weight:800;letter-spacing:.1em;color:var(--w-34)}
.app__pt{font-size:.92rem;font-weight:800;color:#fff;letter-spacing:-.025em;margin:0;word-break:keep-all}
.app__meta{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:var(--w-34)}
.app__blk{padding:12px;border-radius:var(--r-s);background:var(--glass);border:1px solid var(--line)}
.app__blk--ai{border-color:rgba(124,92,255,.3);background:rgba(124,92,255,.07)}
.app__bk{display:block;margin-bottom:8px;font-size:.66rem;font-weight:800;letter-spacing:.08em;color:var(--w-34)}
.app__blk--ai .app__bk{color:#B7A4FF}
.app__blk p{font-size:.76rem;line-height:1.65;color:var(--w-64);word-break:keep-all;margin:0}
.app__blk p b{color:#fff;font-weight:700}
.app__src{display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font-size:.68rem;color:var(--w-34);word-break:keep-all}
.app__kv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.app__kv li{display:flex;gap:10px;font-size:.76rem;color:var(--w-64)}
.app__kv b{flex:0 0 40px;font-size:.72rem;font-weight:700;color:var(--w-34)}
.app__kv em{font-style:normal;color:#fff;font-weight:700}
.app__act{display:flex;gap:7px;flex-wrap:wrap}
.app__btn{
  padding:8px 13px;border-radius:9px;font-size:.76rem;font-weight:700;letter-spacing:-.01em;
  background:var(--glass-2);color:var(--w-64);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;
}
.app__btn--go{background:var(--spectrum);color:#fff;box-shadow:none}
.app__note{font-size:.7rem;color:var(--w-34);line-height:1.6;word-break:keep-all;margin:0}

@media(max-width:1000px){
  .app__body{grid-template-columns:1fr}
  .app__side{
    flex-direction:row;overflow-x:auto;gap:6px;padding:11px 12px;
    border-right:0;border-bottom:1px solid var(--line);
  }
  .app__logo{border-bottom:0;border-right:1px solid var(--line);padding:0 12px 0 2px;margin:0;align-self:center;white-space:nowrap}
  .app__sep{display:none}
  .app__panel{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:560px){
  .app__kpi{grid-template-columns:1fr 1fr}
  .app__tbl th:nth-child(4),.app__tbl td:nth-child(4){display:none}
}

/* ============================================================
   51. 작은 사이클 (.cyc)
   ============================================================ */
.cyc{
  margin-top:clamp(28px,3.6vw,44px);padding:clamp(20px,2.8vw,34px);
  border:1px solid var(--line);border-radius:var(--r-x);
  background:linear-gradient(180deg,rgba(34,211,238,.055),rgba(255,255,255,.012));
}
.cyc__t{font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800;color:#fff;letter-spacing:-.035em;margin:0}
.cyc__d{margin-top:10px;font-size:.92rem;line-height:1.75;color:var(--w-64);word-break:keep-all}
.cyc__d b{color:#fff;font-weight:700}
.cyc__rail{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px;
  margin-top:clamp(18px,2.4vw,26px);
}
.cyc__i{
  position:relative;display:flex;flex-direction:column;gap:5px;
  padding:15px 16px;border-radius:var(--r-s);
  border:1px solid rgba(34,211,238,.26);background:rgba(34,211,238,.055);
  transition:border-color .4s var(--e),background .4s var(--e),transform .4s var(--e);
}
.cyc__i:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.1)}
.cyc__i:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:-9px;width:8px;height:8px;z-index:2;
  border-top:1.6px solid rgba(34,211,238,.55);border-right:1.6px solid rgba(34,211,238,.55);
  transform:translateY(-50%) rotate(45deg);
}
.cyc__m{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:#7FE3F5}
.cyc__i b{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.03em}
.cyc__s{font-size:.76rem;color:var(--w-48);line-height:1.5;word-break:keep-all}
.cyc__i--next{border-style:dashed;border-color:var(--line-2);background:var(--glass)}
.cyc__i--next .cyc__m{color:var(--w-34)}
.cyc__foot{
  display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:15px;
  border-top:1px solid var(--line);font-size:.82rem;color:var(--w-48);line-height:1.6;word-break:keep-all;
}
.cyc__foot b{color:#fff;font-weight:700}
.cyc__foot svg{flex-shrink:0;color:var(--cyan)}
@media(max-width:900px){.cyc__i:not(:last-child)::after{display:none}}

/* ============================================================
   52. 브랜드별 독립 푸터 (3개 랜딩 분리)
   ============================================================ */
.foot__cols--2{grid-template-columns:1.7fr 1fr 1fr}
@media(max-width:860px){.foot__cols--2{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot__cols--2{grid-template-columns:1fr}}

/* 다른 문 — 한 줄로만 남긴다 */
.foot__other{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
}
.foot__other__k{font-size:.76rem;color:var(--w-34)}
.foot__other a{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.78rem;color:var(--w-48);letter-spacing:-.01em;
  transition:color .25s var(--e);
}
.foot__other a:hover{color:#fff}
.foot__other svg{opacity:.55}
.gov .foot__other a:hover{color:#E6C989}

/* 문 페이지 — 트랙 카드에 주소 노출 */
.track__url{
  display:inline-block;align-self:flex-start;width:-moz-fit-content;width:fit-content;
  margin-top:14px;padding:3px 9px;border-radius:7px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.01em;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--w-64);
}
.track:hover .track__url{background:rgba(255,255,255,.12);color:#fff}