/* z-index 계층: 배경 -3~0 · 콘텐츠 1~5 · 스티키 20~30 · 내비 60 · 모달 120 · 토스트 200 */
:root{color-scheme:light dark}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}.pc .art{color:var(--ink)}.pc.dark .art,.pc.red .art{color:#fff}#hm-steps .fs p{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.7em * 4)!important;max-height:calc(1.7em * 4);flex:none!important}#hm-steps .fs .out{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#hm-steps .fs .pol{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#hm-steps .fs .out{margin-top:auto!important;padding-top:8px}@media (max-width:1024px){.grid5{grid-template-columns:repeat(3,1fr)}}
/* 인라인 스타일 이관 유틸리티 */
.u-7e8763.u-7e8763.u-7e8763{fill:#fff}
.u-15e7a1.u-15e7a1.u-15e7a1{fill:#0F172A}
.u-308b64.u-308b64.u-308b64{padding-block:0 72px}
.u-9b54a3.u-9b54a3.u-9b54a3{justify-content:center}
.u-a1e746.u-a1e746.u-a1e746{padding:10px 18px;font-size:14px;border:0}
.u-a31d23.u-a31d23.u-a31d23{margin:0;padding:9px 14px;font-size:13px}
.u-bfc744.u-bfc744.u-bfc744{font-weight:400;font-size:28px}
.u-83d650.u-83d650.u-83d650{background:var(--navy-band);color:#fff}
.u-c7febb.u-c7febb.u-c7febb{order:2}
.u-f85ef5.u-f85ef5.u-f85ef5{grid-area:a}
.u-3ca68d.u-3ca68d.u-3ca68d{grid-area:b}
.u-9e483c.u-9e483c.u-9e483c{grid-area:c}
.u-85b263.u-85b263.u-85b263{grid-area:d}
.u-4de98e.u-4de98e.u-4de98e{grid-area:g}
.u-3dee6e.u-3dee6e.u-3dee6e{display:grid;gap:12px}
.u-959ccb.u-959ccb.u-959ccb{padding:8px 16px;font-size:13px}
.u-20616f.u-20616f.u-20616f{padding-block:0 24px}
.u-776e3d.u-776e3d.u-776e3d{padding:16px 28px;font-size:16px}
.u-4eb23a.u-4eb23a.u-4eb23a{color:#fff}
.u-a495d4.u-a495d4.u-a495d4{font-size:13px;color:var(--ink-3)}

@media (max-width:768px){.cta3 .grid,#page-home .cta3 .ctabs{grid-template-columns:minmax(0,1fr)}.ctab{min-width:0;width:auto}.abA-good .glist .row,.glist .row{grid-template-columns:minmax(0,1fr)}.sol-flip .frgrid{grid-template-columns:minmax(0,1fr)}.sol-flip .fr,.sol-flip .front,.sol-flip .back{max-width:100%}.page{overflow-x:clip}}
:root{
    --bg:#FFFDFA;
    /* 타입 스케일: 본문 11·12·13·14·15·17 / 카드 제목 18 / 소제목 20·24 / 섹션 h2 clamp(34px,4.6vw,56px) */
    --fs-card:18px;
    --radius-xs:6px;
    --radius-sm:12px;
    --radius-lg:28px;
    --rw:#5B3F9B;          /* 리얼월드스쿨 퍼플 */
    --gl:#5B4BF5;          /* 굿러닝 블루 */
    --ul:#FFC531;          /* 언러닝 옐로 */
    --ul-ink:#047857;      /* 언러닝 배지 글자 */
    --purple:#3E0FA8;      /* 에듀테마파크 퍼플 */
    --purple-2:#6E2AE6;
    --purple-3:#4611A6;
    --purple-light:#A57BFF;
    --purple-tint:#F5F1FF;          /* 웜 화이트 그라운드 */
    --bg-2:#F8F3EC;        /* 교차 밴드 */
    --surface:#FFFFFF;
    --ink:#0F172A;         /* Trust Navy */
    --ink-2:#3B4457;
    --ink-3:#6B7386;
    --line:#EAE2D8;
    --red:#D92D20;         /* RedPoint Red */
    --red-2:#B7261B;
    --red-tint:#FCE4DF;
    --sun:#FFC531;         /* 형광펜 하이라이트 */
    --sun-tint:#FFF1C2;
    --navy-band:#0F172A;
    --navy-band-ink:#F5EFE6;
    --navy-band-mute:#A9B2C6;
    --navy-band-line:#26324B;
    --wire:#0F172A;
    --shadow:0 18px 40px -24px rgba(15,23,42,.35);
    --radius:20px;
    --pill:999px;
    --display:"Do Hyeon","Noto Sans KR",sans-serif;
    --body:"Noto Sans KR","Apple SD Gothic Neo",sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#121A2B; --bg-2:#172136; --surface:#1C2739;
      --ink:#F3EEE6; --ink-2:#CFC8BD; --ink-3:#9AA3B5; --line:#2B3852;
      --red:#F0503F; --red-2:#FF6B5B; --red-tint:#3A1F1E;
      --sun:var(--sun); --sun-tint:#3B3416;
      --navy-band:#080D18; --navy-band-ink:var(--navy-band-ink); --navy-band-mute:#A9B2C6; --navy-band-line:#1E2A40;
      --wire:#F3EEE6; --shadow:0 18px 40px -24px rgba(0,0,0,.7);
    }
  }
  :root[data-theme="dark"]{
    --bg:#121A2B; --bg-2:#172136; --surface:#1C2739;
    --ink:#F3EEE6; --ink-2:#CFC8BD; --ink-3:#9AA3B5; --line:#2B3852;
    --red:#F0503F; --red-2:#FF6B5B; --red-tint:#3A1F1E;
    --sun:var(--sun); --sun-tint:#3B3416;
    --navy-band:#080D18; --navy-band-ink:var(--navy-band-ink); --navy-band-mute:#A9B2C6; --navy-band-line:#1E2A40;
    --wire:#F3EEE6; --shadow:0 18px 40px -24px rgba(0,0,0,.7);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  img{max-width:100%}
  h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}
  p{margin:0}
  .wrap{width:min(1180px,100%);margin-inline:auto;padding-inline:20px}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:10px}
  .eyebrow::before{content:"";width:22px;height:2px;background:var(--red);border-radius:2px}
  .display{font-family:var(--display);font-weight:400;line-height:1.12;letter-spacing:-.005em}
  .mark{background:linear-gradient(transparent 58%,var(--sun) 58%,var(--sun) 92%,transparent 92%);padding-inline:.06em}
  .pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-radius:var(--pill);padding:12px 22px;font-weight:700;font-size:15px;text-decoration:none;border:2px solid transparent;transition:transform .18s ease,background .18s ease,color .18s ease;cursor:pointer;font-family:var(--body);line-height:1.2}
  .pill:hover{transform:translateY(-2px)}
  .pill:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
  .pill.red{background:var(--red);color:#fff}
  .pill.red:hover{background:var(--red-2)}
  .pill.ghost{border-color:var(--ink);color:var(--ink);background:transparent}
  .pill.ghost:hover{background:var(--ink);color:var(--bg)}
  .pill.light{background:var(--navy-band-ink);color:var(--navy-band)}
  .pill .arrow{width:16px;height:16px;transition:transform .18s ease}
  .pill:hover .arrow{transform:translateX(3px)}

  /* NAV */
  .nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(255,253,250,.97);border-bottom:1px solid var(--line)}
  .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:22px;letter-spacing:.02em}
  .logo img{display:block;height:34px;width:auto}
  .menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
  .menu a{text-decoration:none;font-size:14px;font-weight:500;color:var(--ink-2);padding:8px 12px;border-radius:var(--pill)}
  .menu a:hover{background:var(--red-tint);color:var(--red)}
  .nav .cta{display:flex;gap:8px}
  .nav .pill{padding:9px 16px;font-size:14px}
  @media (max-width:768px){.menu{display:none}.nav .pill.ghost{display:none}}

  /* HERO */
  .hero{position:relative;overflow:hidden;padding-block:72px 56px;border-bottom:1px solid var(--line)}
  .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
  .hero h1{font-size:clamp(38px,5.4vw,68px);margin-top:18px}
  .hero h1 .red{color:var(--red)}
  .hero .lead{font-size:19px;color:var(--ink-2);max-width:34em;margin-top:22px}
  .hero .lead strong{color:var(--ink);font-weight:700}
  .hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
  .hero .meta{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:36px;font-size:13px;color:var(--ink-3)}
  .hero .meta span b{color:var(--ink);font-weight:700}
  .hero-art{position:relative;aspect-ratio:1/1;max-width:100%;width:100%}
  .hero-art svg{width:100%;height:100%;overflow:visible}
  .hero-art .node{font-family:var(--display);font-size:22px;fill:var(--ink)}
  .hero-art .node-sub{font-family:var(--mono);font-size:11px;fill:var(--ink-3);letter-spacing:.1em}
  .hero-art .wirepath{stroke:var(--wire);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:0}
  .hero-art .plate{fill:var(--surface);stroke:var(--ink);stroke-width:2}
  .hero-art .plate.red{fill:var(--red);stroke:var(--red)}
  .hero-art .plate.sun{fill:var(--sun);stroke:var(--ink)}
  .hero-art .spark{fill:var(--red)}
  .hero-art .float{animation:float 6s ease-in-out infinite}
  .hero-art .float.d1{animation-delay:-2s}
  .hero-art .float.d2{animation-delay:-4s}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  @keyframes draw{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
  @media (max-width:768px){.hero .wrap{grid-template-columns:1fr}.hero-art{max-width:420px;margin-inline:auto}}

  /* TICKER 3축 */
  .axis{background:var(--ink);color:var(--bg);overflow:hidden;border-block:1px solid var(--line)}
  .axis .track{display:flex;gap:56px;white-space:nowrap;padding-block:14px;font-family:var(--display);font-size:20px;letter-spacing:.02em;animation:ticker 40s linear infinite;width:max-content}
  .axis .track span{display:inline-flex;align-items:center;gap:18px}
  .axis .track i{width:8px;height:8px;border-radius:50%;background:var(--sun);display:inline-block}
  @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* SECTION COMMON */
  section{padding-block:96px}
  .sec-head{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;align-items:end;margin-bottom:48px}
  .sec-head h2{font-size:clamp(34px,4.6vw,56px);margin-top:14px}
  .sec-head p{color:var(--ink-2);font-size:17px;max-width:32em}
  @media (max-width:768px){.sec-head{grid-template-columns:1fr}}

  /* 3 PILLARS */
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px;min-height:280px;position:relative;box-shadow:var(--shadow)}
  .pillar .tag{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ink-3)}
  .pillar h3{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.1}
  .pillar h3 small{display:block;font-family:var(--body);font-weight:500;font-size:14px;color:var(--ink-3);margin-top:4px;letter-spacing:.02em}
  .pillar p{color:var(--ink-2);font-size:15px}
  .pillar ul{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
  .pillar li{font-size:13px;padding:5px 10px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2)}
  .pillar.hot{border-color:var(--red);background:linear-gradient(180deg,var(--surface),var(--red-tint))}
  .pillar.hot .tag{color:var(--red)}
  @media (max-width:768px){.pillars{grid-template-columns:1fr}.pillar{min-height:0}}

  /* STORY 4 ACTS */
  .story{background:var(--bg-2);border-block:1px solid var(--line)}
  .acts{position:relative;display:grid;gap:0}
  .acts::before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:2px;background:repeating-linear-gradient(to bottom,var(--wire) 0 8px,transparent 8px 14px);opacity:.35}
  .act{display:grid;grid-template-columns:64px 1fr;gap:28px;padding-block:44px;border-bottom:1px solid var(--line);position:relative}
  .act:last-child{border-bottom:0}
  .act .num{position:sticky;top:96px;align-self:start;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:var(--display);font-size:24px;box-shadow:0 0 0 8px var(--bg-2)}
  .act.a2 .num{background:var(--red)}
  .act.a3 .num{background:var(--sun);color:var(--ink)}
  .act.a4 .num{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}
  .act .body{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
  .act .kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .act .kicker .brand{font-family:var(--display);font-size:15px;letter-spacing:.06em;padding:4px 12px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line)}
  .act .kicker .role{font-size:13px;color:var(--ink-3)}
  .act h3{font-size:clamp(28px,3.4vw,42px);margin-top:14px}
  .act h3 .display{font-family:var(--display);font-weight:400}
  .act .desc{color:var(--ink-2);margin-top:14px;font-size:16px;max-width:36em}
  .act .progs{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .act .prog{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;display:flex;flex-direction:column;gap:3px}
  .act .prog b{font-weight:700}
  .act .prog span{color:var(--ink-3);font-size:13px}
  .act .link{display:inline-flex;gap:6px;align-items:center;margin-top:18px;font-size:14px;font-weight:700;color:var(--red);text-decoration:none}
  .act .link:hover{text-decoration:underline}
  .photo{aspect-ratio:4/3;max-width:100%;border-radius:var(--radius);background:
      repeating-linear-gradient(135deg,transparent 0 14px,rgba(15,23,42,.06) 14px 15px),
      var(--surface);border:1.5px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--ink-3);font-size:13px;padding:20px;position:relative;overflow:hidden}
  .photo .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:6px;display:block}
  .photo.tall{aspect-ratio:3/4}
  .thread{margin-top:40px;background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:28px 32px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
  .thread .ic{width:56px;height:56px;border-radius:50%;background:var(--sun);display:grid;place-items:center}
  .thread .ic svg{width:28px;height:28px}
  .thread h4{margin:0;font-family:var(--display);font-weight:400;font-size:24px}
  .thread p{color:var(--navy-band-mute);font-size:15px;margin-top:4px}
  @media (max-width:768px){
    .acts::before{left:23px}
    .act{grid-template-columns:48px 1fr;gap:16px}
    .act .num{width:48px;height:48px;font-size:19px}
    .act .body{grid-template-columns:1fr}
    .act .progs{grid-template-columns:1fr}
    .thread{grid-template-columns:1fr}
  }

  /* AXIT dark band */
  .axit{background:var(--navy-band);color:var(--navy-band-ink);position:relative;overflow:hidden}
  .axit .eyebrow{color:var(--sun)}
  .axit .eyebrow::before{background:var(--sun)}
  .axit .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .axit h2{font-size:clamp(34px,4.6vw,56px);margin-top:14px}
  .axit h2 .display{font-family:var(--display);font-weight:400}
  .axit p.l{color:var(--navy-band-mute);font-size:17px;margin-top:18px;max-width:30em}
  .axit .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .engine{display:grid;gap:12px}
  .engine .row{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--navy-band-line);border-radius:var(--radius-sm);background:rgba(255,255,255,.03)}
  .engine .row .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--sun)}
  .engine .row .v{font-size:15px;color:var(--navy-band-ink)}
  .engine .row .v span{color:var(--navy-band-mute);display:block;font-size:13px}
  .axit .note{font-size:13px;color:var(--navy-band-mute);margin-top:18px}
  @media (max-width:768px){.axit .wrap{grid-template-columns:1fr}.engine .row{grid-template-columns:1fr}}

  /* PROGRAMS */
  .programs .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px;min-height:220px;transition:transform .2s ease,box-shadow .2s ease}
  .pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .pcard .top{display:flex;justify-content:space-between;align-items:center}
  .pcard .chip{font-family:var(--mono);font-size:11px;letter-spacing:.12em;padding:4px 10px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2)}
  .pcard .chip.c{background:var(--red-tint);color:var(--red)}
  .pcard .chip.l{background:var(--sun-tint);color:#7A5A00}
  .pcard .chip.p{background:#E7E8EA;color:var(--ink)}
  .pcard h3{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15}
  .pcard p{color:var(--ink-2);font-size:15px}
  .pcard .who{margin-top:auto;font-size:13px;color:var(--ink-3);display:flex;gap:6px;align-items:center}
  .pcard .who::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red)}
  @media (max-width:768px){.programs .grid{grid-template-columns:1fr 1fr}}
  @media (max-width:768px){.programs .grid{grid-template-columns:1fr}.pcard{min-height:0}}

  /* NUMBERS */
  .numbers{background:var(--bg-2);border-block:1px solid var(--line);padding-block:56px}
  .numbers .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .stat{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-top:2px solid var(--ink)}
  .stat .n{font-family:var(--display);font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
  .stat .n em{font-style:normal;color:var(--red)}
  .stat .l{font-size:14px;color:var(--ink-2);font-weight:500}
  .stat .f{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-top:6px}
  @media (max-width:768px){.numbers .wrap{grid-template-columns:1fr 1fr}}

  /* PARTNERS / WITH */
  .with .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .with .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
  .with .box h3{font-family:var(--display);font-weight:400;font-size:26px}
  .with .box p{color:var(--ink-2);font-size:15px;margin-top:8px}
  .with ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
  .with li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
  .with li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--sun);margin-top:4px;
    -webkit-mask:url("images/ui_list_check_mask.svg") center/70% no-repeat,linear-gradient(#000,#000);
    mask:url("images/ui_list_check_mask.svg") center/70% no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}
  @media (max-width:768px){.with .row{grid-template-columns:1fr}}

  /* CTA 3단 */
  .cta3{padding-block:96px}
  .cta3 .grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
  .ctab{border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:14px;min-height:280px}
  .ctab h3{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.1}
  .ctab p{font-size:15px}
  .ctab .pill{margin-top:auto;align-self:flex-start}
  .ctab.main{background:var(--red);color:#fff}
  .ctab.main p{color:rgba(255,255,255,.85)}
  .ctab.main .pill{background:#fff;color:var(--red)}
  .ctab.main .pill:hover{background:var(--sun);color:var(--ink)}
  .ctab.sub{background:var(--surface);border:1px solid var(--line)}
  .ctab.sub p{color:var(--ink-2)}
  .ctab.sub .pill{border:2px solid var(--ink);color:var(--ink);background:transparent}
  .ctab.sub .pill:hover{background:var(--ink);color:var(--bg)}
  .ctab form{display:flex;gap:8px;margin-top:auto}
  .ctab input{flex:1;min-width:0;border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--pill);padding:10px 16px;font-family:var(--body);font-size:14px}
  .ctab input:focus{outline:3px solid var(--sun);outline-offset:2px;border-color:var(--ink)}
  .ctab button.pill{padding:10px 18px;font-size:14px}
  @media (max-width:768px){.cta3 .grid{grid-template-columns:1fr}.ctab{min-height:0}}

  /* FOOTER */
  footer{background:var(--navy-band);color:var(--navy-band-ink);padding-block:56px 32px;font-size:14px}
  footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid var(--navy-band-line)}
  footer h4{margin:0 0 12px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--sun);text-transform:uppercase}
  footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  footer a{text-decoration:none;color:var(--navy-band-ink)}
  footer a:hover{color:var(--sun)}
  footer .brand{font-family:var(--display);font-size:26px;display:flex;align-items:center;gap:10px}
  footer .brand img{display:block;height:36px;width:auto;background:#fff;padding:8px 14px;border-radius:var(--radius-sm)}
  footer .anchor{color:var(--navy-band-mute);margin-top:12px;max-width:28em}
  footer .contact li{color:var(--navy-band-mute)}
  footer .contact b{color:var(--navy-band-ink);font-weight:500}
  footer .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;color:var(--navy-band-mute);font-size:13px}
  @media (max-width:768px){footer .top{grid-template-columns:1fr 1fr}}
  @media (max-width:768px){footer .top{grid-template-columns:1fr}}

  /* reveal */
  .rv{transition:transform .7s ease}
  .rv.pre{transform:translateY(22px)}
  @media (prefers-reduced-motion: reduce){
    .rv,.rv.pre{transform:none;transition:none}
    .hero-art .float,.axis .track{animation:none}
    html{scroll-behavior:auto}
  }

  /* ===== 모션 보강 (LottieFiles 레퍼런스) ===== */
  .progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--sun));z-index:30;transition:width .1s linear}
  .blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
  .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:blob 14s ease-in-out infinite}
  .blob.b1{width:420px;height:420px;background:var(--red-tint);top:-120px;right:8%;}
  .blob.b2{width:360px;height:360px;background:var(--sun-tint);bottom:-140px;left:-60px;animation-delay:-5s}
  .blob.b3{width:260px;height:260px;background:rgba(217,45,32,.18);top:40%;left:42%;animation-delay:-9s}
  @keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-24px) scale(1.08)}66%{transform:translate(-20px,18px) scale(.95)}}
  .hero .wrap{position:relative;z-index:1}
  .hero h1 .w{display:inline-block;animation:pop .7s cubic-bezier(.2,.9,.3,1.2) both}
  .hero h1 .w:nth-child(2){animation-delay:.08s}.hero h1 .w:nth-child(3){animation-delay:.16s}.hero h1 .w:nth-child(4){animation-delay:.24s}.hero h1 .w:nth-child(5){animation-delay:.32s}
  @keyframes pop{from{transform:translateY(.35em) scale(.96);opacity:.001}to{transform:none;opacity:1}}
  .hero .lead,.hero .btns,.hero .meta,.hero .eyebrow{animation:pop .7s cubic-bezier(.2,.9,.3,1) both}
  .hero .lead{animation-delay:.35s}.hero .btns{animation-delay:.45s}.hero .meta{animation-delay:.55s}
  .hero-art .runner{fill:var(--sun);stroke:var(--ink);stroke-width:2}
  .hero-art .pulse{fill:none;stroke:var(--red);stroke-width:2;opacity:0;transform-origin:center;transform-box:fill-box;animation:pulse 2.4s ease-out infinite}
  @keyframes pulse{0%{transform:scale(.4);opacity:.8}100%{transform:scale(2.6);opacity:0}}
  .sticker{position:absolute;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--pill);padding:8px 14px;font-weight:700;font-size:13px;box-shadow:4px 4px 0 var(--ink);animation:float 5s ease-in-out infinite;z-index:2}
  .sticker svg{width:18px;height:18px}
  .sticker.s1{left:-6%;top:12%;animation-delay:-1s;transform:rotate(-6deg)}
  .sticker.s2{right:-4%;top:46%;animation-delay:-3s;transform:rotate(5deg)}
  .sticker.s3{left:18%;bottom:-2%;animation-delay:-2s;transform:rotate(3deg)}
  @media (max-width:768px){.sticker.s1{left:0}.sticker.s2{right:0}}
  /* 카드 틸트 */
  .tilt{transform-style:preserve-3d;will-change:transform}
  .tilt.on{transition:transform .08s linear}
  .pillar,.pcard{transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s ease}
  /* 막별 아이콘 애니메이션 */
  .act-ico{width:64px;height:64px;margin-bottom:6px}
  .act-ico svg{width:100%;height:100%;overflow:visible}
  .act .kicker{align-items:center}
  .ico-bounce{animation:bounce 1.6s ease-in-out infinite;transform-origin:50% 100%;transform-box:fill-box}
  @keyframes bounce{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-8px) scaleX(.96)}}
  .ico-rocket{animation:rocket 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  @keyframes rocket{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(4px,-8px) rotate(4deg)}}
  .ico-flame{animation:flame .35s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}
  @keyframes flame{from{transform:scaleY(.7)}to{transform:scaleY(1.2)}}
  .ico-stack rect{animation:stack 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
  .ico-stack rect:nth-child(2){animation-delay:.25s}.ico-stack rect:nth-child(3){animation-delay:.5s}.ico-stack rect:nth-child(4){animation-delay:.75s}
  @keyframes stack{0%,15%{transform:translateY(-14px) scaleY(.6);opacity:0}30%,80%{transform:none;opacity:1}100%{transform:none;opacity:1}}
  .ico-link circle{animation:linkpulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .ico-link circle:nth-child(2){animation-delay:.3s}.ico-link circle:nth-child(3){animation-delay:.6s}.ico-link circle:nth-child(4){animation-delay:.9s}
  @keyframes linkpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
  .ico-link path{stroke-dasharray:6 6;animation:dash 1.5s linear infinite}
  @keyframes dash{to{stroke-dashoffset:-24}}
  /* 사진 슬롯 — 살아있는 플레이스홀더 */
  .photo{background:linear-gradient(135deg,var(--surface),var(--bg-2));border:1.5px dashed var(--line)}
  .photo::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 3.2s ease-in-out infinite}
  @keyframes shimmer{to{transform:translateX(100%)}}
  .photo .orb{position:absolute;border-radius:50%;opacity:.7;animation:float 6s ease-in-out infinite}
  .photo .orb.o1{width:120px;height:120px;background:var(--red-tint);left:-30px;top:-30px}
  .photo .orb.o2{width:90px;height:90px;background:var(--sun-tint);right:-20px;bottom:-20px;animation-delay:-3s}
  .photo>div{position:relative;z-index:1}
  /* AXIT 엔진 오빗 */
  .orbit{position:absolute;right:-120px;top:50%;width:520px;height:520px;transform:translateY(-50%);pointer-events:none;opacity:.5}
  .orbit circle.ring{fill:none;stroke:var(--navy-band-line);stroke-width:1}
  .orbit g{transform-origin:260px 260px;animation:spin 24s linear infinite}
  .orbit g.g2{animation-duration:38s;animation-direction:reverse}
  .orbit g.g3{animation-duration:16s}
  .orbit g circle.dot{fill:var(--sun)}
  .orbit g circle.dot.r{fill:var(--red)}
  @keyframes spin{to{transform:rotate(360deg)}}
  .axit .wrap{position:relative;z-index:1}
  .engine .row{transition:transform .3s ease,border-color .3s ease,background .3s ease}
  .engine .row:hover{transform:translateX(6px);border-color:var(--sun);background:rgba(255,197,49,.06)}
  /* 스태거 리빌 */
  .rv{transition:transform .8s cubic-bezier(.2,.9,.3,1),opacity .8s ease}
  .rv.pre{transform:translateY(28px) scale(.985)}
  .pillars .rv:nth-child(2){transition-delay:.1s}.pillars .rv:nth-child(3){transition-delay:.2s}
  .programs .grid .rv{transition-delay:calc(var(--i,0) * 70ms)}
  .numbers .rv:nth-child(2){transition-delay:.08s}.numbers .rv:nth-child(3){transition-delay:.16s}.numbers .rv:nth-child(4){transition-delay:.24s}
  .act .num{transition:transform .5s cubic-bezier(.2,.9,.3,1.4)}
  .act.lit .num{transform:scale(1.12)}
  .act .num::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid currentColor;opacity:0}
  .act.lit .num::after{animation:pulse 1.2s ease-out 1}
  .act .num{position:sticky}
  .mark{background:linear-gradient(90deg,var(--sun) 50%,transparent 50%) no-repeat;background-size:200% 36%;background-position:100% 78%;transition:background-position .9s cubic-bezier(.2,.9,.3,1) .25s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .rv:not(.pre) .mark{background-position:0% 78%}
  @media (prefers-reduced-motion: reduce){
    .blob,.sticker,.hero h1 .w,.hero .lead,.hero .btns,.hero .meta,.hero .eyebrow,.pulse,.ico-bounce,.ico-rocket,.ico-flame,.ico-stack rect,.ico-link circle,.ico-link path,.photo::before,.photo .orb,.orbit g{animation:none!important}
    .rv,.rv.pre{transform:none;opacity:1;transition:none}
    .mark{background-position:0% 78%}
  }
/* ===== 멀티페이지 라우팅 ===== */
  .page{display:none;padding-block:0}
  .page.active{display:block;animation:pagein .5s cubic-bezier(.2,.9,.3,1)}
  @keyframes pagein{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
  .menu a.cur{background:var(--ink);color:var(--bg)}
  .logo img{height:44px}
  footer .brand img{background:none;padding:0;height:34px}
  /* 페이지 히어로 (풀블리드 원색) */
  .phero{padding-block:88px 72px;position:relative;overflow:hidden}
  .phero.red{background:var(--red);color:#fff}
  .phero.navy{background:var(--navy-band);color:var(--navy-band-ink)}
  .phero.sun{background:var(--sun);color:var(--ink)}
  .phero.cream{background:var(--bg-2);color:var(--ink);border-bottom:1px solid var(--line)}
  .phero .eyebrow{color:inherit;opacity:.85}.phero .eyebrow::before{background:currentColor}
  .phero h1{font-size:clamp(32px,4.6vw,58px);margin-top:16px;max-width:16em;line-height:1.15}
  .phero .lead{font-size:17px;max-width:36em;margin-top:20px;opacity:.9}
  .phero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .phero .pill.on-red{background:#fff;color:var(--red)}
  .phero .pill.on-red:hover{background:var(--sun);color:var(--ink)}
  .phero .pill.on-dark{background:var(--sun);color:var(--ink)}
  .phero .pill.line{border-color:currentColor;color:inherit}
  .phero .pill.line:hover{background:#fff;color:var(--ink)}
  .phero .wire{position:absolute;right:-40px;top:0;height:100%;width:52%;opacity:.5;pointer-events:none}
  .phero .wire path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:1600;animation:draw 2.4s cubic-bezier(.6,0,.2,1) both}
  .phero .wire circle{fill:currentColor}
  .phero .big{position:absolute;right:4%;bottom:-8%;font-family:var(--display);font-size:clamp(120px,22vw,320px);line-height:1;opacity:.12;pointer-events:none;user-select:none}
  .phero .wrap{position:relative;z-index:1}
  .crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:10px;align-items:center;opacity:.8}
  .crumbs a{text-decoration:none}
  /* 공용 블록 */
  .two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
  .prose{color:var(--ink-2);font-size:17px;max-width:36em;display:grid;gap:14px}
  .prose strong{color:var(--ink)}
  .list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
  .list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
  .list .k{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--red-tint);color:var(--red);display:grid;place-items:center;font-family:var(--display);font-size:18px}
  .list .k.c1{background:linear-gradient(150deg,#F0705F,var(--red));color:#fff}.list .k.c2{background:linear-gradient(150deg,#FF8A5B,#F08A2E);color:#fff}.list .k.c3{background:linear-gradient(150deg,#FFD23F,#FFB300);color:var(--ink)}.list .k.c4{background:linear-gradient(150deg,var(--red),#8F1C13);color:#fff}
  .list b{display:block;font-weight:700}
  .list span{color:var(--ink-2);font-size:15px}
  .band{padding-block:72px}
  .band.cream{background:var(--bg-2);border-block:1px solid var(--line)}
  .band.navy{background:var(--navy-band);color:var(--navy-band-ink)}
  .band.navy .eyebrow{color:var(--sun)}.band.navy .eyebrow::before{background:var(--sun)}
  .band.navy .sec-head p{color:var(--navy-band-mute)}
  .band.navy .pcard{background:rgba(255,255,255,.04);border-color:var(--navy-band-line);color:var(--navy-band-ink)}
  .band.navy .pcard p,.band.navy .pcard .who{color:var(--navy-band-mute)}
  .band.navy .pcard .chip{background:rgba(255,255,255,.08);color:var(--navy-band-ink)}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media (max-width:768px){.grid3,.grid4{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}
  @media (max-width:768px){.grid3,.grid4,.grid2{grid-template-columns:1fr}}
  /* 타임라인 */
  .tl{position:relative;display:grid;gap:0;margin-top:8px}
  .tl::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(to bottom,var(--wire) 0 8px,transparent 8px 14px);opacity:.35}
  .tl .it{display:grid;grid-template-columns:24px 1fr;gap:18px;padding-block:18px;border-bottom:1px solid var(--line)}
  .tl .it:last-child{border-bottom:0}
  .tl .dot{width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--ink);box-shadow:0 0 0 6px var(--bg);margin-top:2px}
  .tl .it.hi .dot{background:var(--red);border-color:var(--red)}
  .tl .yr{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--red)}
  .tl b{display:block;font-size:17px;margin-top:2px}
  .tl span{color:var(--ink-2);font-size:15px}
  .todo{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:2px 8px;border-radius:var(--pill);background:var(--sun-tint);color:#7A5A00;vertical-align:middle;margin-left:6px}
  /* 값/문화 카드 */
  .vcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:10px;min-height:200px}
  .vcard .ic{width:48px;height:48px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--red-tint)}
  .vcard .ic svg{width:24px;height:24px}
  .vcard h3{font-family:var(--display);font-weight:400;font-size:26px}
  .vcard p{color:var(--ink-2);font-size:15px}
  .vcard.sun .ic{background:var(--sun-tint)}
  .vcard.navy .ic{background:#E7E8EA}
  /* 인사이트 카드 */
  .post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
  .post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .post .cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--red-tint),var(--sun-tint));position:relative;overflow:hidden}
  .post .cover .g{position:absolute;inset:auto -20% -40% auto;width:70%;aspect-ratio:1;border-radius:50%;background:var(--red);opacity:.18;animation:blob 12s ease-in-out infinite}
  .post .cover .t{position:absolute;left:18px;top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--red)}
  .post .bd{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
  .post h3{font-size:18px;line-height:1.4}
  .post p{color:var(--ink-2);font-size:14px}
  .post .meta{margin-top:auto;font-size:12px;color:var(--ink-3);display:flex;gap:10px}
  /* 채용 */
  .job{text-decoration:none;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s ease,border-color .25s ease}
  .job:hover{transform:translateX(6px);border-color:var(--red)}
  .job b{font-size:17px}
  .job span{display:block;color:var(--ink-3);font-size:13px}
  .job .tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:var(--pill);background:var(--bg-2)}
  @media (max-width:768px){.job{grid-template-columns:1fr}.list[style*="1fr 1fr"]{grid-template-columns:1fr!important}}
  .perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .perk{padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-size:14px;display:flex;gap:10px;align-items:flex-start}
  .perk i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--sun);margin-top:6px}
  @media (max-width:768px){.perks{grid-template-columns:1fr 1fr}}
  /* 다음 페이지 링크 */
  .nextp{padding-block:56px;border-top:1px solid var(--line)}
  .nextp .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
  .nextp .lbl{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-3)}
  .nextp a.big{font-family:var(--display);font-size:clamp(28px,4vw,44px);text-decoration:none;display:inline-flex;align-items:center;gap:14px}
  .nextp a.big:hover{color:var(--red)}
  .nextp a.big svg{width:.8em;height:.8em;transition:transform .2s}
  .nextp a.big:hover svg{transform:translateX(6px)}
  /* 미니 CTA */
  .mcta{background:var(--red);color:#fff;border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
  .mcta h3{font-family:var(--display);font-weight:400;font-size:30px}
  .mcta p{opacity:.85;font-size:15px}
  .mcta .pill{background:#fff;color:var(--red)}
  .mcta .pill:hover{background:var(--sun);color:var(--ink)}
  @media (max-width:768px){.mcta{grid-template-columns:1fr}}
  .sec-head .pill{margin-top:8px}
/* ===== 미디어 슬롯 (영상·사진) ===== */
  .photo img.real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;border-radius:inherit}
  .photo.loaded{border-style:solid}
  .photo.loaded>div,.photo.loaded::before,.photo.loaded .orb{display:none}
  .vmsg{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink);aspect-ratio:16/9;max-width:100%;box-shadow:var(--shadow)}
  .vmsg video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
  .vmsg .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--navy-band-ink);background:radial-gradient(60% 80% at 30% 20%,rgba(217,45,32,.35),transparent),radial-gradient(50% 60% at 80% 90%,rgba(255,197,49,.25),transparent),var(--ink)}
  .vmsg .ph .play{width:84px;height:84px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 0 0 12px rgba(217,45,32,.18);animation:pulsebtn 2.4s ease-in-out infinite}
  .vmsg .ph .play svg{width:34px;height:34px;fill:#fff;margin-left:4px}
  .vmsg .ph .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun);display:block;margin-bottom:6px}
  .vmsg .ph p{color:var(--navy-band-mute);font-size:14px}
  .vmsg.loaded .ph{display:none}
  @keyframes pulsebtn{0%,100%{box-shadow:0 0 0 12px rgba(217,45,32,.18)}50%{box-shadow:0 0 0 22px rgba(217,45,32,.06)}}
  .msg-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
  .quote{font-family:var(--display);font-size:clamp(26px,3.2vw,38px);line-height:1.25}
  .quote .red{color:var(--red)}
  .byline{margin-top:18px;display:flex;align-items:center;gap:12px}
  .byline .av{width:52px;height:52px;border-radius:50%;background:var(--red-tint);border:2px solid var(--ink);overflow:hidden;position:relative}
  .byline .av img{width:100%;height:100%;object-fit:cover;display:block}
  .byline b{display:block}.byline span{font-size:13px;color:var(--ink-3)}
  .gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:12px}
  .gallery .photo{aspect-ratio:auto;height:100%}
  .gallery .g1{grid-column:span 3;grid-row:span 2}.gallery .g2{grid-column:span 3}.gallery .g3{grid-column:span 2}.gallery .g4{grid-column:span 1}.gallery .g5{grid-column:span 2}.gallery .g6{grid-column:span 4}
  @media (max-width:768px){.msg-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.gallery .g1,.gallery .g2,.gallery .g3,.gallery .g4,.gallery .g5,.gallery .g6{grid-column:span 1;grid-row:span 1}.gallery .g1{grid-column:span 2}}
  /* 커리어 (사업 이력) */
  .career{display:grid;gap:0;border-top:2px solid var(--ink)}
  .career .row{display:grid;grid-template-columns:110px 1.2fr 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:background .2s,padding-left .2s}
  .career .row:hover{background:var(--surface);padding-left:10px}
  .career .yr{font-family:var(--display);font-size:22px;color:var(--red)}
  .career .yr small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3)}
  .career b{font-size:16px}
  .career .cl{font-size:14px;color:var(--ink-2)}
  .career .st{font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2);white-space:nowrap}
  .career .st.on{background:var(--red-tint);color:var(--red)}
  .career .st.done{background:var(--ink);color:var(--bg)}
  @media (max-width:768px){.career .row{grid-template-columns:1fr;gap:6px}}
/* ===== 목업 반영: 히어로 스테이지 ===== */
  .stage{position:relative;height:420px;margin-top:44px;max-width:100%}
  .stage svg.stg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .stage .track{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:4 8}
  .stage .draw{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1600;animation:draw 2.2s cubic-bezier(.6,0,.2,1) .3s both}
  .stage .pt{fill:var(--red)}
  .stage .halo{fill:none;stroke:var(--red);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}
  .stage .rider circle:first-child{fill:var(--surface)}
  .fc{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 30px 60px -30px rgba(15,23,42,.35),0 2px 6px rgba(15,23,42,.05);width:230px;max-width:46vw;animation:cardin 1s cubic-bezier(.22,1,.36,1) both,float 6s ease-in-out infinite;transition:translate .3s ease}
  @keyframes cardin{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}
  .fc .act{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#fff;background:var(--ink);padding:3px 8px;border-radius:var(--radius-xs);margin-bottom:8px}
  .fc .act.red{background:var(--red)}.fc .act.sun{background:var(--sun);color:var(--ink)}
  .fc .k{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:8px}
  .fc .k i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--bg-2);font-style:normal}
  .fc .k i.red{background:var(--red-tint)}
  .fc .t{font-weight:700;font-size:15px;line-height:1.3}
  .fc .m{font-size:13px;color:var(--ink-2);margin-top:4px}
  .fc .bar{height:6px;background:var(--bg-2);border-radius:var(--radius-xs);margin-top:10px;overflow:hidden}
  .fc .bar i{display:block;height:100%;background:var(--ink);border-radius:var(--radius-xs);width:0;animation:grow 1.6s 1.8s cubic-bezier(.22,1,.36,1) forwards}
  .fc.bar1 .bar i{background:var(--red);--to:72%}.fc.bar3 .bar i{--to:88%;background:var(--sun)}
  @keyframes grow{to{width:var(--to,80%)}}
  .fc .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .fc .chips span{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-xs);background:var(--bg-2)}
  .fc .chips span.on{background:var(--red);color:#fff}
  .fc .avs{display:flex;margin-top:8px}
  .fc .avs i{width:22px;height:22px;border-radius:50%;border:2px solid var(--surface);background:linear-gradient(135deg,#cbd5e1,#94a3b8);margin-left:-6px}
  .fc .avs i:first-child{margin:0}.fc .avs i.r{background:linear-gradient(135deg,#fecdca,var(--red))}
  .fc.c1{left:0;top:40%;animation-delay:1.1s,0s}
  .fc.c2{left:20%;top:0;animation-delay:1.4s,-2s;width:210px}
  .fc.c3{left:44%;top:46%;animation-delay:1.7s,-1s;width:250px}
  .fc.c4{left:66%;top:6%;animation-delay:2s,-3s}
  .fc.c5{right:0;top:54%;animation-delay:2.3s,-4s;width:220px}
  @media (max-width:768px){.stage{height:360px}.fc{width:180px!important;padding:10px 12px}.fc .m{display:none}.fc.c2,.fc.c5{display:none}.fc.c1{left:0;top:6%}.fc.c3{left:auto;right:0;top:20%}.fc.c4{left:8%;top:60%}}
  /* strip4 */
  .strip4{border-block:1px solid var(--line)}
  .strip4 .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
  .strip4 .it{padding:34px 22px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line)}
  .strip4 .it:first-child{border-left:0}
  .strip4 h3{font-family:var(--display);font-weight:400;font-size:28px;display:flex;align-items:center;gap:10px}
  .strip4 p{font-size:15px;color:var(--ink-2)}
  .strip4 .ico{width:34px;height:34px;flex:none}
  .strip4 .ico .spin{transform-origin:center;animation:spin 8s linear infinite}
  .strip4 .ico .pulse2{transform-origin:center;transform-box:fill-box;animation:pulse2 2s ease-in-out infinite}
  @keyframes pulse2{50%{transform:scale(1.5);opacity:.5}}
  .strip4 .ico .tick{stroke-dasharray:30;stroke-dashoffset:30;animation:tickin 2.4s ease-in-out infinite}
  @keyframes tickin{40%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
  .strip4 .ico .lvl rect{transform-origin:bottom;transform-box:fill-box;animation:lvl 2.6s ease-in-out infinite}
  .strip4 .ico .lvl rect:nth-child(2){animation-delay:.3s}.strip4 .ico .lvl rect:nth-child(3){animation-delay:.6s}
  @keyframes lvl{50%{transform:scaleY(.5)}}
  @media (max-width:768px){.strip4 .wrap{grid-template-columns:1fr 1fr}.strip4 .it:nth-child(3){border-left:0}.strip4 .it:nth-child(n+3){border-top:1px solid var(--line)}}
  /* trust marquee */
  .trust{padding-block:48px 8px}
  .trust p.h{text-align:center;color:var(--ink-2);font-size:15px;margin-bottom:22px}
  .trust p.h b{color:var(--ink)}
  .mq{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .mq .row{display:flex;gap:14px;width:max-content;animation:mq 42s linear infinite}
  .mq:hover .row{animation-play-state:paused}
  .mq.rev .row{animation-direction:reverse}
  @keyframes mq{to{transform:translateX(-50%)}}
  .lg{display:flex;align-items:center;gap:10px;height:56px;padding:0 22px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--ink-3);font-weight:700;font-size:14px;background:var(--surface);white-space:nowrap}
  .lg i{width:26px;height:26px;border-radius:7px;background:var(--bg-2)}
  .lg.real{border-style:solid;color:var(--ink)}.lg.real i{background:var(--red-tint)}
  /* library */
  .lib .center{text-align:center}
  .lib .center h2{font-size:clamp(34px,4.6vw,56px);margin-top:14px}
  .lib .center p.l{color:var(--ink-2);font-size:17px;margin-top:14px}
  .search{margin:30px auto 0;max-width:720px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--pill);padding:8px 8px 8px 22px;box-shadow:var(--shadow);transition:box-shadow .3s,border-color .3s}
  .search:focus-within{border-color:var(--ink)}
  .search svg{width:22px;height:22px;flex:none;color:var(--ink-3)}
  .search input{flex:1;border:0;font:inherit;font-size:17px;outline:0;background:transparent;min-width:0;color:var(--ink)}
  .search kbd{font:600 12px/1 var(--mono);color:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius-xs);padding:6px 8px;background:var(--bg-2)}
  .tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
  .tags button{font:600 14px var(--body);padding:8px 14px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2);border:0;cursor:pointer;transition:background .2s,color .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}
  .tags button:hover,.tags button.on{background:var(--ink);color:var(--bg);transform:translateY(-2px)}
  .grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;text-align:left}
  .pc{background:var(--bg-2);border-radius:var(--radius);padding:16px;aspect-ratio:1/1.22;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,opacity .3s;cursor:pointer}
  .pc:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .pc.hide{display:none}
  .pc .art{position:absolute;inset:0;display:grid;place-items:center}
  .pc .art svg{width:60%;height:auto}
  .pc .art .mv{transform-origin:center;transform-box:fill-box;animation-play-state:paused}
  .pc:hover .art .mv{animation-play-state:running}
  .pc .a{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
  .pc .brand{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:4px 8px;border-radius:var(--radius-xs);background:var(--surface)}
  .pc .brand.rw{color:var(--red)}.pc .brand.gl{color:var(--gl)}.pc .brand.ul{color:var(--ul-ink)}
  .pc .play{width:28px;height:28px;border-radius:50%;background:var(--surface);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:.25s cubic-bezier(.34,1.56,.64,1)}
  .pc:hover .play{opacity:1;transform:none}
  .pc .n{position:relative;z-index:1;font-weight:700;font-size:var(--fs-card);line-height:1.3}
  .pc .n small{display:block;font-weight:500;color:var(--ink-3);font-size:12px;margin-top:2px}
  .pc.dark{background:var(--ink);color:var(--bg)}
  .pc.dark .art [stroke="var(--ink)"]{stroke:#fff}.pc.dark .art [fill="var(--ink)"]{fill:#fff}
  .pc.dark .n small{color:var(--navy-band-mute)}
  .pc.red{background:var(--red);color:#fff}.pc.red .n small{color:#fecdca}
  .pc.red .brand,.pc.dark .brand{background:rgba(255,255,255,.14);color:#fff}
  @keyframes pcbob{50%{transform:translateY(-8px)}}@keyframes pcgrow{50%{transform:scaleY(.6)}}.pc .mv[style*=pcgrow]{transform-origin:bottom}@keyframes pcpulse{50%{transform:scale(1.1);opacity:.85}}@keyframes pcspin{to{transform:rotate(360deg)}}@keyframes pcfly{50%{transform:translateY(-10px) rotate(-6deg)}}@keyframes pcflame{to{transform:scaleY(1.6)}}@keyframes pcdash{to{stroke-dashoffset:-24}}@keyframes pcpie{50%{stroke-dashoffset:20}}
  .lib .empty{display:none;text-align:center;color:var(--ink-3);padding:40px 0}
  .lib .empty.on{display:block}
  @media (max-width:768px){.grid5{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:768px){.grid5{grid-template-columns:repeat(2,1fr)}}
  /* AXIT feature demo */
  .axf{margin-top:56px;padding-top:48px;border-top:1px solid var(--navy-band-line);display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
  .axf h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px)}
  .axf p.l{color:var(--navy-band-mute);font-size:15px;margin-top:10px}
  .ftabs{display:grid;gap:6px;margin-top:22px}
  .ft{padding:14px 16px;border-radius:var(--radius-sm);display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;position:relative;overflow:hidden;transition:background .3s;cursor:pointer;border:1px solid transparent}
  .ft.on{background:rgba(255,255,255,.05);border-color:var(--navy-band-line)}
  .ft .i{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--navy-band-ink)}
  .ft.on .i{background:var(--sun);color:var(--ink)}
  .ft b{font-size:15px}
  .ft small{display:block;color:var(--navy-band-mute);font-size:13px;line-height:1.4;max-height:0;overflow:hidden;opacity:0;transition:.4s}
  .ft.on small{max-height:80px;opacity:1;margin-top:3px}
  .ft .pb{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--navy-band-line);opacity:0}
  .ft.on .pb{opacity:1}
  .ft.on .pb i{display:block;height:100%;background:var(--sun);width:0;animation:pbar 5s linear forwards}
  @keyframes pbar{to{width:100%}}
  .demo{background:var(--surface);color:var(--ink);border-radius:var(--radius);border:1px solid var(--line);padding:22px;min-height:340px;position:relative;box-shadow:0 40px 70px -40px rgba(0,0,0,.6)}
  .dm{display:none;animation:panel .45s cubic-bezier(.22,1,.36,1)}
  .dm.on{display:block}
  @keyframes panel{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
  .dm .chat{display:grid;gap:10px}
  .dm .msg{max-width:78%;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-2);font-size:14px;line-height:1.5}
  .dm .msg.me{margin-left:auto;background:var(--ink);color:var(--bg);border-bottom-right-radius:4px}
  .dm .msg.ai{border-bottom-left-radius:4px}
  .dm .doc{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;font-size:13px}
  .dm .doc b{display:block;font-size:14px;margin-bottom:6px}
  .dm .doc .ln{height:8px;border-radius:4px;background:var(--bg-2);margin:6px 0;transform-origin:left;animation:grow2x .8s cubic-bezier(.22,1,.36,1) both}
  .dm .doc .ln:nth-child(3){width:80%;animation-delay:.15s}.dm .doc .ln:nth-child(4){width:92%;animation-delay:.3s}.dm .doc .ln:nth-child(5){width:60%;animation-delay:.45s}
  @keyframes grow2x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .dm .tbl{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}
  .dm .tbl td,.dm .tbl th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
  .dm .tbl th{color:var(--ink-3);font-weight:700;font-size:12px}
  .dm .ok{color:#166534;font-weight:700}.dm .warn{color:#92400e;font-weight:700}
  .dm .tagw{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:3px 8px;border-radius:var(--pill);background:var(--sun-tint);color:#7A5A00;margin-top:6px}
  @media (max-width:768px){.axf{grid-template-columns:1fr}}
  /* proof bars + rolling digits */
  .proof{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:8px;align-items:stretch}
  .bars{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
  .bars h3{font-family:var(--display);font-weight:400;font-size:24px}
  .bars .note{font-size:13px;color:var(--ink-3);margin-top:4px}
  .br{margin-top:20px}
  .br .l{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:8px;gap:10px}
  .br .l span{color:var(--ink-3);font-weight:500}
  .br .t{height:38px;border-radius:var(--radius-sm);background:var(--bg-2);overflow:hidden;position:relative}
  .br .t i{display:block;height:100%;width:0;border-radius:var(--radius-sm);background:var(--ink);transition:width 1.6s cubic-bezier(.22,1,.36,1)}
  .br.r .t i{background:var(--red)}.br.s .t i{background:var(--sun)}
  .bars.in .br .t i{width:var(--w)}
  .br .t em{position:absolute;right:12px;top:0;line-height:38px;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ink)}
  .stats2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .st2{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
  .st2:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .st2 .num{font-family:var(--display);font-size:44px;line-height:1;display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
  .st2 .num small{font-family:var(--body);font-size:16px;font-weight:700;color:var(--ink-3)}
  .roll{display:inline-block;height:1em;overflow:hidden;vertical-align:bottom}
  .roll>span{display:block;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
  .st2 .lb{font-size:14px;font-weight:700;margin-top:10px}
  .st2 .src{font-size:12px;color:var(--ink-3);margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  @media (max-width:768px){.proof{grid-template-columns:1fr}}
  /* voices */
  .voices{padding-block:88px}
  .voices .mq{margin-top:34px}.voices .mq+.mq{margin-top:14px}.voices .mq .row{animation-duration:60s}
  .vc{width:380px;max-width:80vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;white-space:normal}
  .vc .who{display:flex;align-items:center;gap:12px}
  .vc .who i{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--red-tint),var(--sun-tint));flex:none}
  .vc .who b{display:block;font-size:15px}.vc .who small{color:var(--ink-3);font-size:13px}
  .vc q{quotes:none;font-size:15px;line-height:1.6;color:var(--ink-3);background:repeating-linear-gradient(0deg,transparent 0 6px,var(--bg-2) 6px 7px);padding:8px 10px;border-radius:var(--radius-xs);border:1px dashed var(--line)}
  .vc .org{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--ink-2)}
  /* 상담 폼 */
  .fbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-bottom:24px}
  .fbox h3{font-family:var(--display);font-weight:400;font-size:30px}
  .fbox .side p{color:var(--ink-2);margin-top:10px;font-size:15px}
  .fbox .side ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px;font-size:14px}
  .fbox .side li{display:flex;gap:10px;align-items:flex-start}
  .fbox .side li::before{content:"✓";color:var(--red);font-weight:700}
  .fbox .contact{margin-top:24px;font-size:14px;color:var(--ink-2)}
  .fbox .contact b{display:block;color:var(--ink);font-family:var(--display);font-size:24px;font-weight:400}
  .f{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
  .f label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
  .f input,.f select,.f textarea{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);transition:border-color .2s,box-shadow .2s}
  .f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(15,23,42,.06)}
  .f .full{grid-column:1/-1}
  .f .hint{font-size:12px;color:var(--ink-3);margin-top:6px}
  .f .chk{display:flex;flex-wrap:wrap;gap:8px}
  .f .chk label{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--pill);margin:0;cursor:pointer}
  .f .chk label.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
  .f .chk input{accent-color:var(--red);width:auto;padding:0}
  .f .submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .f .submit small{font-size:12px;color:var(--ink-3)}
  .f .submit button{border:0}
  @media (max-width:768px){.fbox{grid-template-columns:1fr;padding:26px}.f{grid-template-columns:1fr}}
  .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.4s cubic-bezier(.34,1.56,.64,1);z-index:200}
  .toast.on{opacity:1;transform:translate(-50%,0)}
  @media (prefers-reduced-motion: reduce){.stage .draw,.stage .halo,.fc,.fc .bar i,.strip4 .ico *,.mq .row,.ft.on .pb i,.dm .doc .ln,.pc .art .mv{animation:none!important}.fc{opacity:1}.fc .bar i{width:var(--to,80%)}.bars .br .t i{width:var(--w)}}
.phero .hbg{position:absolute;inset:0;z-index:0;overflow:hidden}
  .phero .hbg img,.phero .hbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .phero .hbg video{opacity:0;transition:opacity .8s}
  .phero .hbg video.on{opacity:1}
  .phero .hbg::after{content:"";position:absolute;inset:0}
  .phero.red .hbg::after{background:linear-gradient(90deg,rgba(217,45,32,.95) 0%,rgba(217,45,32,.84) 55%,rgba(183,38,27,.62) 100%)}
  .phero.navy .hbg::after{background:linear-gradient(90deg,rgba(15,23,42,.95) 0%,rgba(15,23,42,.82) 55%,rgba(15,23,42,.58) 100%)}
  .phero.sun .hbg::after{background:linear-gradient(90deg,rgba(255,197,49,.97) 0%,rgba(255,197,49,.88) 55%,rgba(255,197,49,.66) 100%)}
  .phero.cream .hbg::after{background:linear-gradient(90deg,rgba(248,243,236,.97) 0%,rgba(248,243,236,.9) 55%,rgba(248,243,236,.72) 100%)}
  .phero .wire,.phero .big{z-index:1}
  .phero .hcap{position:absolute;right:20px;bottom:14px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:.7}
/* ===== 깊이 체계 (3단계 엘리베이션) ===== */
  :root{
    --e1:0 1px 2px rgba(15,23,42,.06),0 10px 30px -18px rgba(15,23,42,.22);          /* 카드: 접지 + 환경광 */
    --e1h:0 2px 4px rgba(15,23,42,.08),0 24px 50px -22px rgba(15,23,42,.35);        /* 카드 hover */
    --e2:0 2px 4px rgba(217,45,32,.25),0 14px 28px -12px rgba(217,45,32,.55);       /* 레드 CTA */
    --e2n:0 2px 4px rgba(15,23,42,.25),0 14px 28px -12px rgba(15,23,42,.5);         /* 네이비 요소 */
    --hl:inset 0 1px 0 rgba(255,255,255,.7);                                        /* 상단 하이라이트 */
    --paper:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%);  /* 종이 결 */
  }
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--hl:inset 0 1px 0 rgba(255,255,255,.08);--paper:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 60%)}}
  :root[data-theme="dark"]{--hl:inset 0 1px 0 rgba(255,255,255,.08);--paper:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 60%)}

  /* 1단: 카드류 — 살짝 떠 있음 */
  .pillar,.pcard,.vcard,.post,.job,.perk,.prog,.thread,.pc,.fc,.st2,.bars,.fbox,.ctab.sub,.box,.mcta,.solcta,.step,.rung,.build,.sp,.site,.studio .c,.ipp .c,.spec4 .it,.supp .it,.chk .it,.fit .r,.signals .box,.kstat .it,.lg,.vc,.demo,.tl .it,.career .row:hover,.act .prog{
    box-shadow:var(--e1),var(--hl);background-image:var(--paper)}
  .pillar,.pcard,.vcard,.post,.job,.pc,.st2,.step,.rung,.build,.sp,.site,.studio .c,.ipp .c{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
  .pillar:hover,.pcard:hover,.vcard:hover,.post:hover,.job:hover,.pc:hover,.st2:hover,.step:hover,.rung:hover,.build:hover,.sp:hover,.site:hover,.studio .c:hover,.ipp .c:hover{box-shadow:var(--e1h),var(--hl)}
  .vcard:hover,.step:hover,.rung:hover,.build:hover,.sp:hover,.site:hover,.studio .c:hover,.ipp .c:hover{transform:translateY(-4px)}
  .pc.dark,.pc.red,.thread,.mcta,.solcta,.ctab.main,.vcard[style*="background:var(--ink)"],.vcard[style*="background:var(--red)"]{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 50%);box-shadow:var(--e2n)}
  .ctab.main{box-shadow:var(--e2)}
  .tl .it{border-radius:var(--radius-sm);padding-inline:14px;margin-inline:-14px;border-bottom:0;margin-bottom:8px;background:var(--surface)}
  .kstat .it{border-radius:0 14px 14px 0;background:var(--surface);padding-right:14px}

  /* 2단: 누르는 것 — 버튼·활성 탭 */
  .pill.red,.ctab.main .pill,.pill.on-red,.pill.on-dark,.pill.light,.solcta .pill,.mcta .pill{box-shadow:var(--e2),inset 0 1px 0 rgba(255,255,255,.28);background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.06))}
  .pill.on-dark,.pill.light{box-shadow:0 2px 4px rgba(255,197,49,.3),0 14px 28px -12px rgba(255,197,49,.6),inset 0 1px 0 rgba(255,255,255,.4)}
  .pill.ghost,.ptabs button,.tags button,.pill.line{box-shadow:var(--hl)}
  .pill:active{transform:translateY(1px) scale(.99)}
  .pill.red:active,.ctab.main .pill:active{box-shadow:0 1px 2px rgba(217,45,32,.3)}
  .ptabs button.on,.tags button.on,.menu a.cur,.ft.on{box-shadow:var(--e2n),inset 0 1px 0 rgba(255,255,255,.12)}
  .ft.on{background:rgba(255,255,255,.06)}
  .act .num,.list .k,.sticker,.byline .av,.vmsg .ph .play{box-shadow:var(--e2n)}
  .sticker{box-shadow:4px 4px 0 var(--ink),0 14px 30px -14px rgba(15,23,42,.45)}
  .hero-art .plate{filter:drop-shadow(0 10px 14px rgba(15,23,42,.18))}
  .hero-art .wirepath,.stage .draw,.phero .wire path{filter:drop-shadow(0 6px 8px rgba(15,23,42,.18))}

  /* 바닥: 밴드 — 위에 얹힌 느낌 */
  .band.cream,.story,.numbers,.axis,.lib.band{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(15,23,42,.05)}
  .band.navy,.axit,footer,.rwq{box-shadow:inset 0 12px 24px -16px rgba(0,0,0,.6)}
  .phero{box-shadow:inset 0 -12px 24px -16px rgba(0,0,0,.35)}
  .photo{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(15,23,42,.05)}
  .photo.loaded{box-shadow:var(--e1)}
  .vmsg{box-shadow:0 2px 4px rgba(0,0,0,.2),0 30px 60px -24px rgba(15,23,42,.55)}
  .search{box-shadow:var(--e1h),var(--hl)}
  .gallery .photo.loaded:hover{transform:translateY(-3px);box-shadow:var(--e1h)}
  .gallery .photo{transition:transform .3s ease,box-shadow .3s ease}

  /* 내비 유리 */
  .nav{background:rgba(255,253,250,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:inset 0 -1px 0 rgba(15,23,42,.06)}

  /* 입력 */
  .f input,.f select,.f textarea,.ctab input{box-shadow:inset 0 1px 2px rgba(15,23,42,.06)}
  .f input:focus,.f select:focus,.f textarea:focus{box-shadow:inset 0 1px 2px rgba(15,23,42,.06),0 0 0 4px rgba(15,23,42,.06)}

  @media (prefers-reduced-motion: reduce){.pillar,.pcard,.vcard,.post,.job,.pc,.st2,.step,.rung,.build,.sp,.site,.studio .c,.ipp .c{transition:none}}
/* ===== 홈 3축 쇼케이스 카드 (Outseta 스타일) ===== */
  .shows{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .show{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--radius-lg);padding:10px;background:linear-gradient(180deg,#F1EDE7,#E6E0D8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06),0 24px 48px -28px rgba(15,23,42,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
  .show:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(15,23,42,.08),0 40px 70px -32px rgba(15,23,42,.45)}
  .show .scr{border-radius:20px 20px 0 0;background:linear-gradient(180deg,#FAF8F5,#EFEBE5);padding:34px 30px 0;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  .show .scr .photo{aspect-ratio:16/10;border-radius:10px 10px 0 0;border:0;box-shadow:0 30px 50px -24px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.06);transform:translateY(6px);transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .show:hover .scr .photo{transform:translateY(0)}
  .show .bd{background:var(--surface);border-radius:0 0 20px 20px;padding:22px 24px 20px;display:flex;flex-direction:column;gap:14px}
  .show .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .show .mark{font-family:var(--display);font-size:30px;line-height:1;letter-spacing:.01em;background:none;padding:0;box-shadow:none;transition:none}
  .show .mark.rw{color:var(--red)}.show .mark.ul{color:var(--ink)}.show .mark.gl{color:var(--gl)}
  .show .mark small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-top:8px;text-transform:uppercase}
  .show .avs{display:flex;flex:none}
  .show .avs i{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--surface);background:linear-gradient(135deg,var(--red-tint),var(--sun-tint));margin-left:-10px;box-shadow:0 2px 6px rgba(15,23,42,.15)}
  .show .avs i:first-child{margin-left:0}
  .show .cap{font-family:var(--mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-top:1px solid var(--line);padding-top:12px}
  .show .cap b{color:var(--ink);font-weight:500}
  @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .show{background:linear-gradient(180deg,#26324A,#1C2739)} :root:not([data-theme="light"]) .show .scr{background:linear-gradient(180deg,#2A3650,#1F2A3E)}}
  :root[data-theme="dark"] .show{background:linear-gradient(180deg,#26324A,#1C2739)} :root[data-theme="dark"] .show .scr{background:linear-gradient(180deg,#2A3650,#1F2A3E)}
  @media (max-width:768px){.shows{grid-template-columns:1fr}}
/* ===== 쇼케이스: 포스터 + 마퀴 + 호버 스크롤 ===== */
  .showwrap{position:relative;margin-inline:calc(50% - 50vw);padding-block:12px 8px}
  .showwrap .doodle{position:absolute;top:-8px;width:54px;height:54px;z-index:2;animation:float 4s ease-in-out infinite}
  .showwrap .d1{left:14%}.showwrap .d2{right:14%;animation-delay:-2s}
  .showmq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding-block:24px}
  .showmq .track{display:flex;gap:26px;width:max-content;padding-inline:26px;animation:mq 46s linear infinite;will-change:transform}
  .showmq:hover .track,.showmq:focus-within .track{animation-play-state:paused}
  .shows{display:none}
  .show{width:400px;max-width:82vw;flex:none;transform-style:preserve-3d}
  .show:hover{transform:translateY(-8px) rotateX(2deg)}
  .show .scr{padding:30px 28px 0;height:290px;position:relative}
  .show .poster{position:relative;height:100%;overflow:hidden;border-radius:10px 10px 0 0;box-shadow:0 30px 50px -24px rgba(15,23,42,.45),0 0 0 1px rgba(15,23,42,.08);background:#fff}
  .show .pg{position:absolute;left:0;top:0;width:100%;height:520px;padding:16px 18px;transition:transform 2.6s cubic-bezier(.22,1,.36,1);font-family:var(--body);overflow:hidden}
  .show:hover .pg,.show:focus .pg{transform:translateY(calc(-100% + 260px))}
  .pg .nav{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;opacity:.9;margin-bottom:26px}
  .pg .nav .bt{font-weight:700;letter-spacing:.14em}
  .pg .nav .mn{display:flex;gap:5px}.pg .nav .mn i{width:14px;height:3px;border-radius:2px;background:currentColor;opacity:.5}
  .pg .nav .btn{border:1px solid currentColor;border-radius:var(--pill);padding:3px 9px;font-family:var(--body);font-size:9px;font-weight:700;letter-spacing:0}
  .pg .h{font-family:var(--display);font-size:38px;line-height:1.05;letter-spacing:-.01em}
  .pg p{font-size:11px;margin-top:10px;opacity:.85;line-height:1.5}
  .pg .cta{display:inline-block;margin-top:12px;padding:7px 12px;border-radius:var(--pill);font-size:11px;font-weight:700}
  /* RW: 레드 포스터 */
  .pg.rw{background:linear-gradient(160deg,#E5392B,#B7261B);color:#fff}
  .pg.rw .cta{background:var(--sun);color:var(--ink)}
  .pg.rw .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}
  .pg.rw .tiles span{aspect-ratio:1;border-radius:var(--radius-xs);background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:9px;font-weight:700}
  .pg.rw .tiles span.on{background:#fff;color:var(--red)}
  .pg.rw .strip{display:flex;gap:6px;margin-top:14px}
  .pg.rw .strip b{flex:1;background:rgba(0,0,0,.18);border-radius:var(--radius-xs);padding:8px 0;text-align:center;font-size:11px}
  .pg.rw .qr{margin-top:14px;width:72px;height:72px;border-radius:var(--radius-xs);background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0 0/16px 16px;opacity:.9}
  /* UL: 네이비 포스터 */
  .pg.ul{background:linear-gradient(160deg,#16213A,var(--ink));color:var(--navy-band-ink)}
  .pg.ul .h{color:var(--sun)}
  .pg.ul .weeks{display:grid;gap:8px;margin-top:22px}
  .pg.ul .weeks span{display:block;position:relative;font-size:11px;padding:7px 10px;border-radius:var(--radius-xs);background:rgba(255,255,255,.06);overflow:hidden}
  .pg.ul .weeks span::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:rgba(255,197,49,.22)}
  .pg.ul .badge{margin-top:16px;display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:6px 10px;border-radius:var(--pill)}
  .pg.ul .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .pg.ul .cards i{height:64px;border-radius:var(--radius-xs);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
  /* GL: 블루 포스터 */
  .pg.gl{background:linear-gradient(160deg,#EAF1FF,#DCE7FF);color:var(--ink)}
  .pg.gl .h{color:var(--gl)}
  .pg.gl .nav .btn{background:var(--gl);color:#fff;border-color:var(--gl)}
  .pg.gl .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
  .pg.gl .kpi div{background:#fff;border-radius:var(--radius-sm);padding:10px;font-size:9px;color:#475569;box-shadow:0 6px 14px -8px rgba(15,23,42,.25)}
  .pg.gl .kpi b{display:block;font-family:var(--display);font-size:24px;color:var(--ink);line-height:1}
  .pg.gl .bars{display:flex;align-items:flex-end;gap:6px;height:70px;margin-top:16px;background:#fff;border-radius:var(--radius-sm);padding:10px}
  .pg.gl .bars i{flex:1;border-radius:4px 4px 0 0;background:var(--gl);opacity:.85}
  .pg.gl .bars i:nth-child(even){background:#93B4FF}
  .pg.gl .doc{margin-top:12px;background:#fff;border-radius:var(--radius-sm);padding:12px;display:grid;gap:6px}
  .pg.gl .doc span{height:6px;border-radius:3px;background:#DCE3EF}.pg.gl .doc span:nth-child(2){width:80%}.pg.gl .doc span:nth-child(3){width:55%}
  @media (max-width:768px){.show{width:320px}.show .scr{height:240px;padding:22px 20px 0}.show:hover .pg{transform:translateY(calc(-100% + 218px))}.showwrap .doodle{display:none}}
  @media (prefers-reduced-motion: reduce){.showmq .track{animation:none;flex-wrap:wrap;width:auto}.showmq .track .show:nth-child(n+4){display:none}.show .pg{transition:none}}
/* ===== 쇼케이스 고정 3장 + 프레스 회전 ===== */
  .shows3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-inline:0}
  .showwrap{margin-inline:0;padding-block:16px 8px}
  .shows3 .show{width:auto;max-width:none;cursor:pointer;transform-origin:50% 60%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease;-webkit-tap-highlight-color:transparent}
  .shows3 .show:hover{transform:translateY(-6px)}
  .shows3 .show:active,.shows3 .show.pressed{transform:translateY(-2px) rotate(2.4deg) scale(.985)}
  .showwrap .doodle{top:-14px}
  @media (max-width:768px){.shows3{grid-template-columns:1fr}}
/* ===== 회사소개 공통 ===== */
  .ab-switch{position:sticky;top:68px;z-index:15;display:flex;justify-content:center;gap:6px;padding:10px;pointer-events:none}
  .ab-switch a{pointer-events:auto;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-decoration:none;padding:8px 14px;border-radius:var(--pill);background:rgba(255,253,250,.85);backdrop-filter:blur(10px);color:var(--ink-2);border:1px solid var(--line)}
  .ab-switch a.cur{background:var(--ink);color:var(--bg);border-color:var(--ink)}
  .abB .ab-switch a{background:rgba(15,23,42,.6);color:#C9D2E6;border-color:#26324B}.abB .ab-switch a.cur{background:var(--sun);color:var(--ink);border-color:var(--sun)}
  .serif{font-family:"Gowun Batang","Nanum Myeongjo",serif;font-weight:700;letter-spacing:-.01em}
  .hand{font-family:"Nanum Pen Script",cursive;font-weight:400}
  .abtbl{display:grid;border-top:2px solid currentColor}
  .abtbl .r{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
  .abtbl dt{font-weight:700;font-size:14px;letter-spacing:.06em}.abtbl dd{margin:0;font-size:15px}
  .abtbl .biz{margin:0;padding:0;list-style:none;columns:2;column-gap:28px;font-size:14px}
  .abtbl .biz li{break-inside:avoid;padding:3px 0 3px 12px;position:relative}.abtbl .biz li::before{content:"·";position:absolute;left:0}
  @media (max-width:768px){.abtbl .r{grid-template-columns:1fr;gap:4px}.abtbl .biz{columns:1}}
  .csr{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-top:44px}
  .csr-ph{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .csr-ph .photo{aspect-ratio:1/1}
  .csr-tx .rl{display:inline-block;font-family:var(--display);font-size:22px;line-height:1;color:var(--red);letter-spacing:.08em;border:2px solid var(--red);padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:16px}
  .csr-tx h3{font-size:28px}.csr-tx p{margin-top:12px;font-size:15px;line-height:1.8}
  .csr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.csr-tags span{font-size:12px;padding:5px 10px;border-radius:var(--pill);border:1px solid currentColor;opacity:.75}
  @media (max-width:768px){.csr{grid-template-columns:1fr}}

  /* ===== 시안 A · 종이와 픽셀 ===== */
  .abA{background:#FFFDFA;color:#141414}
  .abA .lab{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
  .abA .head{max-width:60em;margin-bottom:40px}.abA .head h2{font-family:"Gowun Batang",serif;font-size:clamp(34px,4.6vw,56px);line-height:1.25}.abA .head p{margin-top:14px;color:var(--ink-2);font-size:16px;max-width:38em}
  .abA-open{position:relative;padding-block:88px 72px;overflow:hidden;border-bottom:1px solid var(--line)}
  .abA-open .cold{position:absolute;inset:0;display:flex;flex-wrap:wrap;gap:24px 40px;padding:40px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--ink);opacity:.08;pointer-events:none;text-transform:uppercase;align-content:space-between;justify-content:space-between}
  .abA-open .cold span{animation:coldblink 4s ease-in-out infinite}.abA-open .cold span:nth-child(odd){animation-delay:-2s}
  @keyframes coldblink{0%,100%{opacity:.4}50%{opacity:1}}
  .abA-open .eyebrow{margin-bottom:18px}
  .abA-open .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--ink-3)}
  .abA-open h1{font-family:"Gowun Batang","Nanum Myeongjo",serif;font-size:clamp(34px,5.2vw,68px);line-height:1.3;margin-top:0;max-width:16em}
  .abA-open h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 92%,transparent 92%)}
  .abA-open .sub{font-family:"Gowun Batang",serif;font-size:clamp(18px,2.2vw,26px);margin-top:28px;color:var(--ink-2)}
  .abA-open .scrollcue{margin-top:56px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .abA-open .scrollcue i{width:1px;height:44px;background:var(--ink);display:block;animation:cue 1.8s ease-in-out infinite;transform-origin:top}
  @keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}
  .abA-contrast{padding-block:96px;border-bottom:1px solid var(--line)}
  .abA-contrast .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
  .abA-contrast .col{position:relative;padding:28px}
  .abA-contrast .fast{background:var(--ink);color:#9AA3B5;border-radius:var(--radius-xs);font-family:var(--mono);overflow:hidden;min-height:360px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:20px 20px}
  .abA-contrast .fast .lab{color:var(--sun)}
  .ticker-v{height:280px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
  .ticker-v>div{display:grid;gap:14px;animation:tickv 9s linear infinite}
  .ticker-v span{display:block;font-size:14px;letter-spacing:.02em;border-left:2px solid #26324B;padding-left:12px}
  @keyframes tickv{to{transform:translateY(-50%)}}
  .abA-contrast .slow{background:#FFF9F0;border:1px solid var(--line);border-radius:var(--radius-xs)}
  .abA-contrast .slow .big{font-size:clamp(28px,3.4vw,42px);line-height:1.3;margin-bottom:18px}
  .abA-contrast .slow p{font-size:16px;line-height:1.9;color:var(--ink-2)}
  @media (max-width:1024px){.abA-contrast .wrap{grid-template-columns:1fr}}
  .abA-manifesto{padding-block:120px;border-bottom:1px solid var(--line)}
  .abA-manifesto .line{font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(26px,4.2vw,54px);line-height:1.35;margin:0 0 .6em;color:var(--ink-3)}
  .abA-manifesto .line .w{display:inline-block;transition:color .6s ease,transform .6s cubic-bezier(.2,.9,.3,1);transform:translateY(.15em);color:var(--ink-3)}
  .abA-manifesto .line.on .w{color:#141414;transform:none}
  .abA-manifesto .line.hi.on .w{color:var(--red)}
  .abA-good{padding-block:96px;border-bottom:1px solid var(--line)}
  .four{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .four .c{padding:28px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
  .four .c:first-child{border-left:0}
  .four .no{font-family:"Gowun Batang",serif;font-size:36px;color:var(--red);line-height:1}
  .four h3{font-size:20px;margin-top:10px}.four small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}
  .four p{font-size:15px;color:var(--ink-2);margin-top:10px;line-height:1.8}
  @media (max-width:768px){.four{grid-template-columns:1fr 1fr}.four .c:nth-child(3){border-left:0}.four .c:nth-child(n+3){border-top:1px solid var(--line)}}
  @media (max-width:768px){.four{grid-template-columns:1fr}.four .c{border-left:0;border-top:1px solid var(--line)}}
  .abA-mv{padding-block:96px;background:#141414;color:var(--navy-band-ink)}
  .abA-mv .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px}
  .abA-mv .lab{color:var(--sun)}
  .abA-mv .mv p{font-size:clamp(22px,2.6vw,32px);line-height:1.4}
  .abA-mv .vals{grid-column:1/-1;border-top:1px solid #333;padding-top:28px}
  .abA-mv .vals ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .abA-mv .vals b{display:block;font-family:"Gowun Batang",serif;font-size:22px;margin-bottom:6px}.abA-mv .vals li{font-size:14px;color:#B8B2A8}
  @media (max-width:1024px){.abA-mv .wrap{grid-template-columns:1fr}.abA-mv .vals ul{grid-template-columns:1fr 1fr}}
  .abA-hist{padding-block:96px;border-bottom:1px solid var(--line)}
  .tlA{display:grid;border-top:2px solid #141414}
  .tlA .it{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
  .tlA .yr{font-family:"Gowun Batang",serif;font-weight:700;font-size:26px;color:var(--red);line-height:1.1}
  .tlA b{display:block;font-size:17px}.tlA span:not(.todo){display:block;color:var(--ink-2);font-size:15px;margin-top:4px;line-height:1.7}
  @media (max-width:768px){.tlA .it{grid-template-columns:1fr;gap:4px}}
  .abA-resp{padding-block:96px;border-bottom:1px solid var(--line);background:#FFF9F0}
  .three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .three .c{padding:22px;border:1px solid var(--line);border-radius:var(--radius-xs);background:#FFFDFA}
  .three b{display:block;font-family:"Gowun Batang",serif;font-size:20px;margin-bottom:6px}.three p{font-size:15px;color:var(--ink-2)}
  @media (max-width:768px){.three{grid-template-columns:1fr}}
  .abA-info{padding-block:72px}
  .abA-info .cta{margin-top:48px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .abA-info .cta p{font-size:clamp(28px,4vw,44px);margin-right:auto}

  /* ===== 시안 B · 신호와 온기 ===== */
  .abB{background:#0B1020;color:#EEF1F7}
  .abB .mono{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7FA7FF;margin:0 0 14px}
  .abB-open{position:relative;min-height:80vh;display:grid;align-items:center;padding-block:100px;overflow:hidden}
  .abB-open .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(127,167,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,167,255,.08) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent);animation:gridmove 12s linear infinite}
  @keyframes gridmove{to{background-position:32px 32px}}
  .abB-open .warm{position:absolute;right:-10%;top:10%;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;background:radial-gradient(circle,rgba(217,45,32,.45),rgba(255,197,49,.18) 40%,transparent 70%);filter:blur(40px);animation:breathe 8s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
  .abB-open .wrap{position:relative}
  .abB-open h1{font-family:var(--body);font-weight:700;font-size:clamp(28px,4.2vw,54px);line-height:1.35;max-width:20em;margin-top:14px}
  .abB-open .hand{font-size:clamp(30px,5vw,64px);color:var(--sun);margin-top:22px;line-height:1.1}
  .gauge{margin-top:56px;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;max-width:520px}
  .gauge .c{color:#7FA7FF}.gauge .w{color:#FFB4A8}
  .gauge i{flex:1;height:6px;border-radius:var(--radius-xs);background:#1B2440;overflow:hidden;position:relative}
  .gauge b{position:absolute;left:0;top:0;bottom:0;width:8%;border-radius:var(--radius-xs);background:linear-gradient(90deg,#7FA7FF,var(--sun),var(--red));transition:width .3s ease}
  .abB-ch{padding-block:110px;border-top:1px solid #1B2440;position:relative}
  .abB-ch .wrap,.abB-hist .wrap,.abB-info .wrap{display:grid;grid-template-columns:140px 1fr;gap:40px;align-items:start}
  .abB .num{position:sticky;top:100px;font-family:var(--mono)}
  .abB .num span{display:block;font-size:48px;line-height:1;color:#2B3A63;font-weight:500}
  .abB .num small{display:block;margin-top:6px;font-size:11px;letter-spacing:.2em;color:#7FA7FF}
  .abB .tx h2{font-size:clamp(34px,4.6vw,56px);line-height:1.25;font-weight:700}
  .abB .tx>p:not(.mono){margin-top:22px;font-size:17px;line-height:1.9;color:#B9C2D6;max-width:38em}
  .abB .stream{margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);border-block:1px solid #1B2440;padding-block:10px}
  .abB .stream>div{display:flex;gap:32px;width:max-content;animation:mq 18s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#7FA7FF;text-transform:uppercase}
  .warmch{background:radial-gradient(60% 80% at 80% 30%,rgba(217,45,32,.18),transparent 70%),#0B1020}
  .warmch .mono{color:#FFB4A8}.warmch .num small{color:#FFB4A8}
  .abB .hand.big{font-size:clamp(40px,6.5vw,88px);color:var(--sun);line-height:1.05}
  .pillsB{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
  .pillsB li{border:1px solid #3A2A2E;color:#FFD9D3;padding:8px 16px;border-radius:var(--pill);font-size:14px;background:rgba(217,45,32,.08)}
  .mvB{display:grid;gap:12px;margin-top:26px}
  .mvB div{border:1px solid #1B2440;border-radius:var(--radius-sm);padding:16px 18px;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center}
  .mvB .mono{margin:0}.mvB b{font-size:16px;font-weight:600}
  .fourB{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
  .fourB div{background:#111830;border:1px solid #1B2440;border-radius:var(--radius-sm);padding:18px 16px}
  .fourB i{font-style:normal;font-family:"Gowun Batang",serif;font-size:24px;color:var(--sun);display:block}
  .fourB b{display:block;margin-top:8px;font-size:15px}.fourB span{display:block;font-size:13px;color:#9AA3B5;margin-top:4px;line-height:1.6}
  @media (max-width:1024px){.fourB{grid-template-columns:1fr 1fr}.abB-ch .wrap,.abB-hist .wrap,.abB-info .wrap{grid-template-columns:1fr}.abB .num{position:static;display:flex;align-items:baseline;gap:12px}}
  .abB-hist{padding-block:110px;border-top:1px solid #1B2440}
  .tlB{margin-top:26px;display:grid;border-top:1px solid #2B3A63}
  .tlB .it{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #1B2440}
  .tlB .yr{font-family:var(--mono);font-size:20px;color:var(--sun)}
  .tlB b{display:block;font-size:16px}.tlB span:not(.todo){display:block;color:#9AA3B5;font-size:14px;margin-top:4px;line-height:1.7}
  .tlB .todo{background:#3B3416;color:var(--sun)}
  @media (max-width:768px){.tlB .it{grid-template-columns:1fr;gap:4px}}
  .threeB{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
  .threeB div{border:1px solid #3A2A2E;border-radius:var(--radius-sm);padding:16px;background:rgba(217,45,32,.06)}
  .threeB b{display:block;font-size:15px}.threeB span{display:block;font-size:13px;color:#C9B8B5;margin-top:4px}
  @media (max-width:768px){.threeB{grid-template-columns:1fr}}
  .abB .csr{color:#EEF1F7}.abB .csr .photo{background:#111830;border-color:#2B3A63;color:#9AA3B5}
  .abB .csr-tags span{border-color:#3A2A2E;color:#FFD9D3}
  .abB-info{padding-block:110px;border-top:1px solid #1B2440}
  .abB .abtbl{border-top-color:#2B3A63}.abB .abtbl .r{border-bottom-color:#1B2440}.abB .abtbl dd{color:#C9D2E6}
  .ctaB{margin-top:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .ctaB .hand{font-size:clamp(32px,4.5vw,56px);color:var(--sun);margin-right:auto}
  .abB .nextp{border-top-color:#1B2440}
  @media (prefers-reduced-motion: reduce){.abA-open .cold span,.abA-open .scrollcue i,.ticker-v>div,.abB-open .grid,.abB-open .warm,.abB .stream>div{animation:none!important}.abA-manifesto .line .w{color:#141414;transform:none}}
/* ===== 회사소개 A · 카드 시스템 (레퍼런스 스타일) ===== */
  .abA .hl{font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.3;max-width:18em;margin-bottom:36px}
  .abA .hnote{color:var(--ink-2);font-size:15px;margin:-20px 0 32px;max-width:40em}
  .cards3,.cards4{display:grid;gap:18px}
  .cards3{grid-template-columns:repeat(3,1fr)}
  .cards4{grid-template-columns:repeat(4,1fr);margin-top:18px}
  .pcardA{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 30px 34px;display:flex;flex-direction:column;min-height:330px;box-shadow:var(--e1),var(--hl);background-image:var(--paper);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
  .pcardA:hover{transform:translateY(-4px);box-shadow:var(--e1h),var(--hl)}
  .pcardA .ico3d{width:96px;height:96px;margin-bottom:44px;filter:drop-shadow(0 14px 18px rgba(183,38,27,.28));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
  .pcardA:hover .ico3d{transform:translateY(-6px) rotate(-4deg)}
  .pcardA h3{font-family:var(--body);font-weight:700;font-size:20px;margin-top:0;line-height:1.35}
  .pcardA h3 small{display:block;font-family:"Gowun Batang",serif;font-size:14px;color:var(--red);letter-spacing:.12em;margin-bottom:6px}
  .pcardA p{color:var(--ink-2);font-size:15px;line-height:1.8;margin-top:10px}
  .cards4 .pcardA{min-height:280px;padding:28px 24px 26px}.cards4 .pcardA .ico3d{width:72px;height:72px}.cards4 .pcardA h3{font-size:18px}.cards4 .pcardA .ico3d{margin-bottom:28px}.cards4 .pcardA p{font-size:14px}
  @media (max-width:768px){.cards3{grid-template-columns:1fr}.cards4{grid-template-columns:1fr 1fr}}
  @media (max-width:768px){.cards4{grid-template-columns:1fr}.pcardA{min-height:0}}
  .abA-manifesto{padding-block:110px;border-bottom:1px solid var(--line);background:#F7F5F0}
  .abA-good{padding-block:110px;border-bottom:1px solid var(--line);background:#FFFDFA}
  .abA-hist{background:#F7F5F0}
  .abA-resp{background:#FFFDFA}
  .abA .career{border-top:2px solid #141414}
  .abA .career .row{grid-template-columns:110px 1.3fr 1fr auto}
  .letter{margin-top:48px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
  .letter .lt{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--e1),var(--hl);background-image:var(--paper)}
  .letter .lt .ico3d{width:84px;height:84px;filter:drop-shadow(0 14px 18px rgba(183,38,27,.28))}
  .letter .lt h3{font-size:clamp(24px,3vw,34px);margin-top:6px}
  .letter .lt p:not(.lab){color:var(--ink-2);font-size:15px;line-height:1.85;margin-top:14px}
  .letter .lp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .letter .lp .photo{aspect-ratio:auto;height:100%;min-height:220px;border-radius:var(--radius)}
  @media (max-width:768px){.letter{grid-template-columns:1fr}.letter .lp .photo{min-height:180px}}
.abA-manifesto{position:relative;padding-block:170px;background:url(../../images/home_era_signal_art.jpg) center 40%/cover no-repeat #F7F5F0;isolation:isolate}
  .abA-manifesto::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,250,.82),rgba(255,253,250,.78));z-index:-1}
  .abA-manifesto .wrap{max-width:1180px;margin-inline:auto;text-align:center}
  .abA-manifesto .lab{justify-content:center;display:flex}
  .abA-manifesto .line{font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(15px,1.55vw,20px);line-height:1.8;margin:0 auto .5em;color:var(--ink-3);max-width:none;text-wrap:balance}
  .abA-manifesto .line.hi{font-size:clamp(26px,3.2vw,40px);line-height:1.3;margin:0 auto 1em;max-width:none;white-space:nowrap}
  @media (max-width:1024px){.abA-manifesto .line.hi{white-space:normal}}
  .abA-manifesto .line .w{display:inline-block;transition:color .6s ease,transform .6s cubic-bezier(.2,.9,.3,1);transform:translateY(.15em);color:var(--ink-3)}
  .abA-manifesto .line.on .w{color:#141414;transform:none}
  .abA-manifesto .line.hi.on .w{color:var(--red)}
.yrs{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}
  .yrs button{font:600 13px var(--body);padding:8px 14px;border-radius:var(--pill);border:1.5px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
  .yrs button.on{background:#141414;color:#fff;border-color:#141414}
  .abA .career .row.hide{display:none}
  .abA-news{padding-block:96px;border-bottom:1px solid var(--line);background:#F7F5F0}
  .abA-news .nhead{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
  .news{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .news .n{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--e1),var(--hl);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
  .news .n:hover{transform:translateY(-3px);box-shadow:var(--e1h),var(--hl)}
  .news .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .news b{font-size:17px;line-height:1.45}
  .news .d{font-size:13px;color:var(--ink-3)}
  .nnote{margin-top:16px;font-size:13px;color:var(--ink-3)}
  @media (max-width:768px){.news{grid-template-columns:1fr}}
  .abA-info .cta{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px}
  .abA-info .cta p.serif{font-size:clamp(26px,3.4vw,40px);line-height:1.3;margin:0}
  .abA-info .cta .sub{font-size:15px;color:var(--ink-2);margin-top:14px;max-width:34em}
  .abA-info .cta .btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
  .abA-info .pill.soft{background:var(--bg-2);border-color:var(--bg-2);color:var(--ink-3);font-weight:500}
  .abA-info .pill.soft:hover{color:var(--ink);background:var(--line)}
  @media (max-width:1024px){.abA-info .cta{grid-template-columns:1fr}.abA-info .cta .btns{justify-content:flex-start}}
/* ===== 메가 메뉴 (Tedy 스타일) ===== */
  .nav{position:sticky}
  .menu a{display:inline-flex;align-items:center;gap:6px}
  .menu .chev{width:11px;height:11px;transition:transform .2s}
  .menu li.has.open>a{background:var(--red-tint);color:var(--red)}
  .menu li.has.open>a .chev{transform:rotate(180deg)}
  .mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(15,23,42,.35);display:none;z-index:19}
  .mega.on{display:block;animation:megain .22s cubic-bezier(.2,.9,.3,1)}
  @keyframes megain{from{opacity:.001;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .nav .mega .wrap{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding-inline:0;height:auto;align-items:stretch;justify-content:stretch}
  .mega .mi{display:grid;grid-template-columns:48px 1fr 36px;gap:16px;align-items:start;padding:28px 28px 30px;text-decoration:none;border-left:1px solid var(--line);transition:background .2s}
  .mega .mi:first-child{border-left:0}
  .mega .mi:hover{background:var(--bg-2)}
  .mega .mi svg:first-child{width:44px;height:44px;filter:drop-shadow(0 8px 10px rgba(183,38,27,.22))}
  .mega .mi b{display:block;font-size:16px;letter-spacing:.01em}
  .mega .mi span{display:block;font-size:14px;color:var(--ink-2);margin-top:6px;line-height:1.6}
  .mega .go{width:36px;height:36px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;color:var(--ink);transition:transform .2s,background .2s}
  .mega .go svg{width:16px;height:16px}
  .mega .mi:hover .go{background:var(--ink);color:var(--bg);transform:translateX(3px)}
  @media (max-width:768px){.mega{display:none!important}}
/* ===== 로고 모션: 살아있는 레드 포인트 + 호버 시 광택 ===== */
  .logo .lg-wrap{position:relative;display:inline-block;line-height:0}
  .logo .lg-dot{position:absolute;left:72.5%;top:30%;width:0;height:0;pointer-events:none}
  .logo .lg-dot i{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF9A8B,var(--red) 55%,#9E1E14);box-shadow:0 0 0 0 rgba(217,45,32,.5);animation:lgpulse 2.8s ease-out infinite}
  .logo .lg-dot b{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:1.5px solid rgba(217,45,32,.75);animation:lgring 2.8s ease-out infinite}
  .logo .lg-dot em{position:absolute;left:0;top:0;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:var(--sun);transform-origin:center;animation:lgorbit 4.5s linear infinite}
  @keyframes lgpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
  @keyframes lgring{0%{transform:scale(1);opacity:.8}80%{transform:scale(3.2);opacity:0}100%{transform:scale(3.2);opacity:0}}
  @keyframes lgorbit{from{transform:rotate(0) translateX(9px) rotate(0)}to{transform:rotate(360deg) translateX(9px) rotate(-360deg)}}
  .logo .lg-sheen{position:absolute;inset:0;pointer-events:none;-webkit-mask:url("images/header_logo_redpoint.png") center/contain no-repeat;mask:url("images/header_logo_redpoint.png") center/contain no-repeat;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 48%,rgba(255,197,49,.55) 52%,transparent 68%);background-size:220% 100%;background-position:120% 0;opacity:0;transition:opacity .2s}
  .logo:hover .lg-sheen{opacity:1;animation:lgsheen 1.1s cubic-bezier(.2,.9,.3,1) 1}
  @keyframes lgsheen{from{background-position:120% 0}to{background-position:-20% 0}}
  .logo:hover img{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(-1px)}
  @media (prefers-reduced-motion: reduce){.logo .lg-dot i,.logo .lg-dot b,.logo .lg-dot em,.logo .lg-sheen{animation:none!important}.logo .lg-dot em,.logo .lg-dot b{display:none}}
/* 메가 메뉴 감도 조정 */
  .mega .mi{grid-template-columns:40px 1fr 28px;gap:14px;padding:22px 24px 24px}
  .mega .mi svg:first-child{width:40px;height:40px;padding:7px;border-radius:11px;background:var(--bg-2);filter:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .25s}
  .mega .mi:hover svg:first-child{transform:translateY(-3px) rotate(-6deg);background:var(--red-tint)}
  .mega .mi b{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
  .mega .mi span{font-size:13px;color:var(--ink-3);margin-top:4px;line-height:1.55;font-weight:400}
  .mega .go{width:26px;height:26px;background:transparent;border:1px solid var(--line);color:var(--ink-3)}
  .mega .go svg{width:12px;height:12px;stroke-width:1.6}
  .mega .mi:hover .go{background:var(--ink);border-color:var(--ink);color:var(--bg);transform:translateX(2px)}
  .mega .mi:hover{background:rgba(248,243,236,.6)}
/* ===== 회사소개 벤토 (PayPal 레퍼런스) ===== */
  .bento{display:grid;gap:14px;grid-auto-rows:210px}
  .bento.b1{grid-template-columns:repeat(4,1fr);grid-template-areas:"a a b c" "a a b d" "e e b d"}
  .bento.b2{grid-template-columns:repeat(4,1fr);grid-template-areas:"a a b e" "a a b e" "c d f f"}
  .tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-2);box-shadow:var(--e1),var(--hl);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
  .tile:hover{transform:translateY(-4px);box-shadow:var(--e1h),var(--hl)}
  .tile .photo{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;border:0;height:100%}
  .tile .photo img.real{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
  .tile:hover .photo img.real{transform:scale(1.05)}
  .tile .ov{position:absolute;inset:auto 0 0 0;padding:26px 28px;z-index:3;color:#fff;background:linear-gradient(180deg,transparent,rgba(15,23,42,.72))}
  .tile .ov .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sun);display:block;margin-bottom:8px}
  .tile .ov p{font-size:clamp(18px,2vw,26px);line-height:1.35;font-weight:700}
  .tile .ov.small{padding:18px 20px}.tile .ov.small p{font-size:15px}
  .tile .ov .chip{display:inline-block;margin-top:12px;font-size:12px;padding:5px 10px;border-radius:var(--pill);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
  .tile .photo>div{position:relative;z-index:1}
  /* 쇼츠 */
  .t-shorts{background:var(--ink);display:grid;place-items:center;padding:18px}
  .t-shorts .phone{position:relative;width:100%;height:100%;max-width:230px;border-radius:var(--radius);overflow:hidden;background:#1C2739;box-shadow:0 30px 50px -24px rgba(0,0,0,.6),0 0 0 6px #1B2236,0 0 0 7px #2B3852}
  .t-shorts .phone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s;z-index:2}
  .t-shorts .phone video.on{opacity:1}
  .t-shorts .phone .photo{z-index:1}
  .t-shorts .phone .tag{position:absolute;left:12px;top:12px;z-index:4;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#fff;background:rgba(15,23,42,.55);padding:5px 8px;border-radius:var(--radius-xs);backdrop-filter:blur(6px)}
  .playb{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:4;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
  .playb svg{width:22px;height:22px;fill:var(--red);margin-left:3px}
  .tile:hover .playb{transform:scale(1.08)}
  .t-shorts .phone video.on~.playb{opacity:0}
  /* 포스터 */
  .t-poster{padding:28px;display:flex;flex-direction:column;gap:10px;color:#fff}
  .t-poster .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
  .t-poster .big{font-family:var(--display);font-size:clamp(30px,3.4vw,46px);line-height:1.05;margin-top:auto}
  .t-poster .sub{font-size:14px;opacity:.85;line-height:1.6}
  .t-poster.red{background:linear-gradient(160deg,#E5392B,#B7261B)}
  .t-poster.red .big{font-size:clamp(22px,2.3vw,30px);line-height:1.1}
  .t-poster.red .sub{font-size:13px}
  .t-poster{padding:22px 24px}
  .t-poster.red .pt{position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;border:18px solid rgba(255,255,255,.14)}
  .t-poster.navy{background:linear-gradient(160deg,#16213A,var(--ink))}
  .t-poster .vals{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:4px}
  .t-poster .vals li{font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--navy-band-ink);opacity:0;transform:translateY(8px);animation:valin .7s cubic-bezier(.2,.9,.3,1) forwards}
  .t-poster .vals li:nth-child(2){animation-delay:.15s;color:var(--sun)}.t-poster .vals li:nth-child(3){animation-delay:.3s}.t-poster .vals li:nth-child(4){animation-delay:.45s;color:#FFB4A8}
  @keyframes valin{to{opacity:1;transform:none}}
  .t-poster.letter{background:#FFF1EE;color:var(--ink);border:1px solid #F5D6D0}
  .t-poster.letter .big{color:var(--red);letter-spacing:.02em}
  .t-poster.letter .hand{font-family:"Nanum Pen Script",cursive;font-size:26px;color:var(--ink-2);line-height:1.1}
  .t-poster.letter .env{position:absolute;right:-20px;top:-16px;width:140px;height:96px;background:var(--red);border-radius:var(--radius-sm);transform:rotate(-12deg);opacity:.95;box-shadow:0 20px 30px -18px rgba(183,38,27,.6)}
  .t-poster.letter .env i{position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,#F0705F,var(--red));clip-path:polygon(0 0,100% 0,50% 100%)}
  .t-poster.navy.data .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000);mask-image:linear-gradient(180deg,transparent 30%,#000);pointer-events:none}
  .t-poster.navy.data .big{font-size:clamp(22px,2.4vw,30px);margin-top:auto}
  /* 4 pillars 스트립 */
  .pillars4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
  .pillars4 .pl{position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--e1),var(--hl);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
  .pillars4 .pl:hover{transform:translateY(-4px);box-shadow:var(--e1h),var(--hl)}
  .pillars4 .no{position:absolute;left:24px;top:24px;z-index:3;font-family:"Gowun Batang",serif;font-size:20px;color:#fff;background:var(--red);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
  .pillars4 .photo{aspect-ratio:16/10;border-radius:var(--radius-sm);margin-bottom:8px}
  .pillars4 b{font-size:16px}.pillars4 span:not(.no):not(.lbl){font-size:13px;color:var(--ink-2);line-height:1.6}
  /* 레드레터 인용 */
  .letter-tx{margin-top:36px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end;padding-top:28px;border-top:1px solid var(--line)}
  .letter-tx .q{font-size:clamp(20px,2.4vw,28px);line-height:1.5;color:#141414}
  .letter-tx p:not(.q){font-size:15px;color:var(--ink-2);line-height:1.8}
  @media (max-width:768px){.bento{grid-auto-rows:190px}.bento.b1{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "a a" "b c" "b d" "e e"}.bento.b2{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "a a" "b e" "c d" "f f"}.pillars4{grid-template-columns:1fr 1fr}.letter-tx{grid-template-columns:1fr}}
  @media (max-width:768px){.bento.b1,.bento.b2{grid-template-columns:1fr;grid-template-areas:none}.bento .tile{grid-area:auto!important;min-height:220px}.t-shorts{min-height:420px}.pillars4{grid-template-columns:1fr}}
  @media (prefers-reduced-motion: reduce){.t-poster .vals li{animation:none;opacity:1;transform:none}}
/* ===== 인재채용: PLAYER 워드마크 ===== */
  .cr-word{background:#0B1020;color:#EEF1F7;padding-block:96px;text-align:center;overflow:hidden}
  .cr-word .word{position:relative;display:inline-block;font-family:var(--display);font-size:clamp(84px,17vw,240px);line-height:1;letter-spacing:.02em}
  .cr-word .word .fill{background:linear-gradient(90deg,#FF6A5B,var(--red) 45%,var(--sun) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}
  .cr-word .word .ph{position:absolute;z-index:2;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000);pointer-events:none}
  .cr-word .word .ph.on{opacity:1}
  .cr-word .word .p1{left:2%;top:22%;width:18%;height:70%;border-radius:var(--radius-sm)}
  .cr-word .word .p2{left:38%;top:14%;width:14%;height:78%;border-radius:var(--radius-sm)}
  .cr-word .word .p3{left:63%;top:24%;width:14%;height:68%;border-radius:var(--radius-sm)}
  .cr-word .word .p4{left:84%;top:30%;width:14%;height:62%;border-radius:var(--radius-sm)}
  .cr-word .word .ph{mix-blend-mode:luminosity;opacity:0}
  .cr-word .word .ph.on{opacity:.9}
  .cr-word h2{font-size:clamp(34px,4.6vw,56px);line-height:1.3;margin-top:34px;font-weight:700}
  .cr-word p{max-width:40em;margin:18px auto 0;color:#B9C2D6;font-size:16px;line-height:1.8}
  /* ===== 존재의 이유: 풀블리드 ===== */
  .cr-why{position:relative;min-height:600px;display:grid;align-items:center;overflow:hidden;background:#E9E4DC}
  .cr-why>.photo{position:absolute;inset:0;aspect-ratio:auto;height:100%;border-radius:0;border:0}
  .cr-why>.photo>div{position:absolute;left:24px;bottom:20px;z-index:1}
  .cr-why .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end}
  .cr-why .tx{max-width:440px;background:rgba(255,253,250,.86);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--e1h)}
  .cr-why .lab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red);margin:0 0 12px;text-transform:uppercase}
  .cr-why h2{font-size:clamp(34px,4.6vw,56px);line-height:1.25}
  .cr-why p:not(.lab){font-size:15px;color:var(--ink-2);line-height:1.8;margin-top:14px}
  .cr-why .vid{display:inline-grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-top:20px;text-decoration:none;color:var(--ink);padding:10px 14px 10px 10px;border-radius:var(--pill);background:#fff;border:1px solid var(--line);box-shadow:var(--e1)}
  .cr-why .vid .pb{width:44px;height:44px;border-radius:50%;background:var(--red);display:grid;place-items:center}
  .cr-why .vid .pb svg{width:18px;height:18px;fill:#fff;margin-left:2px}
  .cr-why .vid b{display:block;font-size:14px}.cr-why .vid small{font-size:12px;color:var(--ink-3)}
  .cr-why .vid:hover .pb{transform:scale(1.08)}
  @media (max-width:768px){.cr-why{min-height:520px;align-items:end;padding-bottom:24px}.cr-why .wrap{justify-content:stretch}.cr-why .tx{max-width:none}}
  /* ===== 일하는 방식: 플로팅 타일 ===== */
  .cr-how{background:#FBF4F2;padding-block:96px;text-align:center}
  .cr-how h2{font-size:clamp(34px,4.6vw,56px);line-height:1.2}
  .cr-how .lead{color:var(--ink-2);margin-top:12px;font-size:16px}
  .cr-how .float{position:relative;max-width:900px;margin:44px auto 0;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:34px;gap:14px;text-align:left}
  .wt{border-radius:var(--radius-lg);padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;text-align:left;box-shadow:var(--e1),var(--hl);transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .wt:hover{transform:translateY(-5px)}
  .wt .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.8;margin-bottom:auto}
  .wt b{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.05}
  .wt small{display:block;font-size:13px;line-height:1.5;opacity:.85;margin-top:6px}
  .wt.red{grid-column:1/5;grid-row:1/6;background:linear-gradient(160deg,#E5392B,#B7261B);color:#fff}
  .wt.orbx{grid-column:5/8;grid-row:1/6;background-color:#E5392B;background-image:radial-gradient(circle at 30% 28%,rgba(255,255,255,.45),transparent 45%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 30px 50px -24px rgba(217,45,32,.6);animation:float 6s ease-in-out infinite}
  .wt.white{grid-column:8/13;grid-row:1/5;background:#fff;color:var(--ink)}
  .wt.tint{grid-column:1/5;grid-row:6/10;background:#FCE4DF;color:var(--ink)}
  .wt.tint b{color:var(--red)}
  .wt.dark{grid-column:5/13;grid-row:5/10;background:var(--ink);color:var(--navy-band-ink);justify-content:center;gap:14px}
  .wt.dark q{quotes:none;font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(17px,1.9vw,22px);line-height:1.6}
  .wt.dark .who{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#A9B2C6}
  .wt.steps{grid-column:1/13;grid-row:10/13;background:#fff;flex-direction:row;justify-content:space-between;gap:16px;align-items:stretch;padding:18px 24px}
  .wt.steps>div{flex:1;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;justify-content:center}
  .wt.steps>div:first-child{border-left:0;padding-left:0}
  .wt.steps i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .wt.steps b{font-size:24px}.wt.steps small{font-size:13px;color:var(--ink-3)}
  @media (max-width:768px){.cr-how .float{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.wt{grid-column:auto!important;grid-row:auto!important;min-height:170px}.wt.orbx{min-height:140px}.wt.dark,.wt.steps{grid-column:1/-1!important}.wt.steps{flex-direction:column}.wt.steps>div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:10px}.wt.steps>div:first-child{border-top:0}}
  @media (prefers-reduced-motion: reduce){.wt.orbx{animation:none}}
/* ===== 인재채용 v2: PEOPLE 키컬러 (핑크→퍼플) ===== */
  :root{--pgrad:linear-gradient(100deg,#FF6A5B,#D92D20 55%,#B7261B)}
  .cr-film{background:#0B1020;color:#EEF1F7;padding-block:96px}
  .cr-film .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
  .cr-film .lab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sun);margin:0 0 14px;text-transform:uppercase}
  .cr-film h2{font-size:clamp(34px,4.6vw,56px);line-height:1.2;font-weight:400}
  .cr-film .tx>p:not(.lab){color:#B9C2D6;font-size:16px;line-height:1.85;margin:18px 0 24px;max-width:34em}
  .cr-film .film{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:#111830;box-shadow:0 40px 80px -40px rgba(217,45,32,.45),0 0 0 1px #26324B}
  .cr-film .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s;z-index:2}
  .cr-film .film video.on{opacity:1}
  .cr-film .film .photo{position:absolute;inset:0;aspect-ratio:auto;height:100%;border-radius:0;border:0;z-index:1}
  .cr-film .film .tag{position:absolute;left:16px;top:16px;z-index:4;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#fff;background:rgba(15,23,42,.55);padding:6px 10px;border-radius:var(--radius-xs);backdrop-filter:blur(6px)}
  .cr-film .playb.big{width:76px;height:76px;margin:-38px 0 0 -38px;background:var(--pgrad);box-shadow:0 20px 40px -14px rgba(217,45,32,.6)}
  .cr-film .playb.big svg{fill:#fff;width:30px;height:30px}
  .cr-film .film video.on~.playb{opacity:0;pointer-events:none}
  @media (max-width:768px){.cr-film .wrap{grid-template-columns:1fr}}
  .cr-word{background:#0B1020;color:#EEF1F7;padding-block:80px 96px;text-align:center;border-top:1px solid #1B2440}
  .cr-word .peopleimg{width:min(980px,100%);height:auto;display:block;margin:0 auto}
  .cr-word h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.25;margin-top:34px}
  .cr-word p{max-width:40em;margin:16px auto 0;color:#B9C2D6;font-size:16px;line-height:1.8}
  .cr-how{position:relative;overflow:hidden;background:#0B1020;color:#EEF1F7;padding-block:96px;text-align:left;border-top:1px solid #1B2440}
  .cr-how .glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
  .cr-how .g1{width:520px;height:520px;background:#FF6A5B;left:-160px;top:-120px}
  .cr-how .g2{width:520px;height:520px;background:var(--sun);right:-160px;bottom:-160px}
  .cr-how .wrap{position:relative}
  .cr-how .lab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sun);margin:0 0 12px;text-transform:uppercase}
  .cr-how h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.15;color:#fff}
  .cr-how .lead{color:#B9C2D6;margin-top:10px;font-size:16px}
  .cr-how .how{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:14px;margin-top:40px;grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d d e e e f f f f f f" "d d d e e e f f f f f f" "g g g g g g g g g g g g"}
  .cr-how .how .steps{grid-row:auto}
  .wt{border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;position:relative;overflow:hidden;color:#fff;background:#111830;border:1px solid #1B2440;text-align:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .wt:hover{transform:translateY(-5px)}
  .wt .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.85;margin-bottom:auto}
  .wt b{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1.05}
  .wt small{display:block;font-size:13px;line-height:1.55;opacity:.85;margin-top:6px}
  .wt.grad{background:var(--pgrad)}
  .wt.grad2{background:linear-gradient(160deg,#16213A,var(--ink))}
  .wt.glass{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.14)}
  .wt.glass b{background:var(--pgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .wt.media,.wt.photo-t{padding:0}
  .wt.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s;z-index:2}
  .wt.media video.on{opacity:1}
  .wt .photo{position:absolute;inset:0;aspect-ratio:auto;height:100%;border-radius:0;border:0;z-index:1}
  .wt .tag{position:absolute;left:14px;top:14px;z-index:4;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#fff;background:rgba(15,23,42,.55);padding:6px 10px;border-radius:var(--radius-xs);backdrop-filter:blur(6px)}
  .wt.quote{justify-content:center;gap:12px;background:linear-gradient(160deg,#151C33,var(--ink))}
  .wt.quote q{quotes:none;font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(17px,1.8vw,21px);line-height:1.6}
  .wt.quote .who{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--sun)}
  .wt.steps{flex-direction:row;justify-content:space-between;gap:16px;align-items:stretch;padding:18px 24px;background:rgba(255,255,255,.04)}
  .wt.steps>div{flex:1;border-left:1px solid #26324B;padding-left:18px;display:flex;flex-direction:column;justify-content:center}
  .wt.steps>div:first-child{border-left:0;padding-left:0}
  .wt.steps i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun)}
  .wt.steps b{font-size:26px}.wt.steps small{color:#9AA3B5}
  .ways{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
  .ways .w{border:1px solid #1B2440;border-radius:var(--radius);padding:18px;background:rgba(255,255,255,.03)}
  .ways .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun)}
  .ways b{display:block;margin-top:8px;font-size:15px}.ways small{display:block;color:#9AA3B5;font-size:13px;margin-top:4px;line-height:1.6}
  @media (max-width:768px){.cr-how .how{grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-template-areas:"a b" "c d" "e e" "f f" "g g"}.wt{min-height:200px}.ways{grid-template-columns:1fr 1fr}}
  @media (max-width:768px){.cr-how .how{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e" "f" "g"}.ways{grid-template-columns:1fr}.wt.steps{flex-direction:column}.wt.steps>div{border-left:0;padding-left:0}}
/* 브랜드 필름: 흰 바탕 · 중앙 · 와이드 */
  .cr-film{background:#FFFDFA;color:var(--ink);padding-block:96px 80px}
  .cr-film .wrap{display:block}
  .cr-film .tx{text-align:center;max-width:960px;margin:0 auto 36px}
  .cr-film .lab{color:var(--red);justify-content:center}
  .cr-film h2{color:var(--ink)}
  .cr-film .tx>p:not(.lab){color:var(--ink-2);font-size:17px;line-height:1.9;margin:18px auto 0;max-width:40em}
  .cr-film .tx em{font-style:normal;font-weight:700;background:linear-gradient(100deg,var(--red),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
  .cr-film .film{width:100%;max-width:1180px;margin:0 auto;box-shadow:0 50px 90px -40px rgba(15,23,42,.35),0 0 0 1px var(--line)}
  .cr-film .ytl{text-align:center;margin-top:26px}
  /* how grid v3 */
  .cr-how .how{grid-template-areas:"a a a a b b b b c c c c" "a a a a b b b b c c c c" "d d d d g g g g g g g g" "d d d d g g g g g g g g"}
  .wt.growth{background:rgba(255,255,255,.04);justify-content:flex-start;gap:0;padding-bottom:18px}
  .wt.growth .k{margin-bottom:12px}
  .wt.growth .loop{display:flex;align-items:flex-end;gap:0;flex:1;padding:0 6px}
  .wt.growth .st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;flex:0 0 auto}
  .wt.growth .st .orb{display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 40%),var(--pgrad);box-shadow:0 20px 40px -18px rgba(217,45,32,.6);animation:orbounce 1.9s cubic-bezier(.3,0,.2,1) infinite;transform-origin:50% 100%;margin-bottom:10px}
  @keyframes orbounce{0%,100%{transform:translateY(0) scale(1.06,.94)}12%{transform:translateY(-4px) scale(1,1)}50%{transform:translateY(-34px) scale(.96,1.04)}88%{transform:translateY(-4px) scale(1,1)}}
  .wt.growth .st::after{content:"";display:block;width:60%;height:8px;margin:-4px auto 6px;border-radius:50%;background:rgba(15,23,42,.18);filter:blur(3px);animation:orbshadow 1.9s cubic-bezier(.3,0,.2,1) infinite}
  .wt.growth .s2::after{animation-delay:-.45s}.wt.growth .s3::after{animation-delay:-.9s}
  @keyframes orbshadow{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.55);opacity:.2}}
  .wt.growth .s1 .orb{width:52px;height:52px}
  .wt.growth .s2 .orb{width:72px;height:72px;animation-delay:-.45s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 40%),linear-gradient(140deg,var(--sun),#F08A2E)}
  .wt.growth .s3 .orb{width:96px;height:96px;animation-delay:-.9s;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 40%),linear-gradient(140deg,#F0705F 0%,var(--red) 55%,#8F1C13 100%);box-shadow:0 24px 48px -18px rgba(217,45,32,.7)}
  .wt.growth .st i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun)}
  .wt.growth .st b{font-size:20px;line-height:1.1}
  .wt.growth .st small{margin-top:0;color:#9AA3B5}
  .wt.growth .ln{flex:1;height:2px;margin-bottom:64px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px);opacity:.6;position:relative}
  .wt.growth .ln::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left-color:var(--red)}
  @media (max-width:768px){.cr-how .how{grid-template-areas:"a b" "c d" "g g"}.wt.growth .loop{flex-wrap:wrap;justify-content:center;gap:16px}.wt.growth .ln{display:none}}
  @media (max-width:768px){.cr-how .how{grid-template-areas:"a" "b" "c" "d" "g"}}
  /* 복리후생: 통통 튀는 이모지 카드 */
  .pkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .pk{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--e1),var(--hl);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
  .pk:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:var(--e1h),var(--hl)}
  .pk::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(217,45,32,.14),transparent 70%)}
  .pk .em{font-size:44px;line-height:1;display:inline-block;transform-origin:50% 100%;animation:embob 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.45s);filter:drop-shadow(0 8px 10px rgba(15,23,42,.18))}
  .pk:hover .em{animation:emjump .6s cubic-bezier(.34,1.56,.64,1)}
  @keyframes embob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
  @keyframes emjump{0%{transform:scale(1)}40%{transform:translateY(-14px) scale(1.15) rotate(8deg)}100%{transform:none}}
  .pk b{font-size:19px;margin-top:8px}
  .pk p{font-size:15px;color:var(--ink-2);line-height:1.65}
  .pk small{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--red);margin-top:4px}
  @media (max-width:768px){.pkgrid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.pkgrid{grid-template-columns:1fr}}
  @media (prefers-reduced-motion: reduce){.pk .em,.wt.growth .st .orb{animation:none!important}}
/* 카테고리 히어로 공통 규칙: 상단 88 · 하단 72 · 최소 높이 420 */
  .phero,.abA-open{padding-block:88px 72px;min-height:500px;display:flex;flex-direction:column;justify-content:flex-start}
  .phero .wrap,.abA-open .wrap{width:min(1180px,100%)}
  .abA-open .scrollcue{margin-top:28px}
  .abA-open h1{font-size:clamp(32px,4.4vw,54px)!important}
  .abA-open .sub{margin-top:20px!important}
  @media (max-width:1024px){.phero,.abA-open{padding-block:64px 56px;min-height:0}}
/* 브랜드 필름 텍스트 규격 */
  .cr-film h2{font-size:clamp(34px,4.6vw,56px);line-height:1.15}
  .cr-film .tx .stmt{font-family:var(--display);font-size:17px;line-height:1.9;color:var(--ink);margin-top:18px;max-width:none}
  .cr-film .tx .stmt .mark{background:linear-gradient(90deg,var(--sun) 50%,transparent 50%) no-repeat;background-size:200% 36%;background-position:0% 78%;padding-inline:.06em}
  /* 일하는 방식: 밝은 배경 */
  .cr-how{background:#FBF5F7;color:var(--ink);border-top:0}
  .cr-how .glow{opacity:.22}
  .cr-how h2{color:var(--ink)}
  .cr-how .lead{color:var(--ink-2)}
  .cr-how .lab{color:var(--red)}
  .wt{border-color:var(--line);background:#fff;color:var(--ink);box-shadow:var(--e1),var(--hl)}
  .wt.grad,.wt.grad2{color:#fff;border-color:transparent}
  .wt.glass{background:#fff;backdrop-filter:none;border-color:var(--line)}
  .wt.growth{background:#fff}
  .wt.growth .st small{color:var(--ink-3)}
  .wt.growth .st i{color:var(--red)}
  .wt .tag{background:rgba(15,23,42,.55)}
  /* 일하는 조건: 레드 한마디 — 타이핑 */
  .pk small{font-family:var(--display);font-size:17px;letter-spacing:.01em;color:var(--red);margin-top:8px;min-height:1.4em}
  .pk small .ch{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}
  .pk small.on .ch{opacity:1;transform:none}
  .pk small .cur{display:inline-block;width:2px;height:1em;background:var(--red);vertical-align:-.15em;margin-left:2px;animation:blink 1s steps(1) infinite}
  .pk small.done .cur{display:none}
  @keyframes blink{50%{opacity:0}}
  @media (prefers-reduced-motion: reduce){.pk small .ch{opacity:1;transform:none}.pk small .cur{display:none}}
/* 인재채용 톤 정리: 브랜드 팔레트 */
  .cr-film .wrap{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:center}
  .cr-film .film{max-width:none;width:100%;margin:0}
  .cr-film .tx{text-align:left;margin:0;max-width:none}
  .cr-film .lab{justify-content:flex-start}
  .cr-film h2{font-size:clamp(34px,4.6vw,56px)}
  .cr-film .tx .stmt{font-family:var(--body);font-weight:400;font-size:17px;line-height:1.7;color:var(--ink-2);margin:20px 0 0;max-width:none}
  .cr-film .tx .stmt .mark{background:none;padding:0;color:var(--red)}
  @media (max-width:768px){.cr-film .wrap{grid-template-columns:1fr}.cr-film .tx{order:2}}
  .cr-word{background:#08090B;border-top:0}
  .cr-word .peopleimg{display:block;width:100%;height:auto}
  .cr-word .pw{position:relative;display:inline-block;width:min(980px,100%);isolation:isolate}
  .cr-word .pw::after{content:none}
  .cr-word h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.15;margin-top:34px}
  .cr-word h2 .mark{color:#fff}
  .cr-word p{font-family:var(--body);font-size:17px;color:#B9C2D6;max-width:34em}
  .cr-word p.one{max-width:none;white-space:nowrap}
  @media (max-width:768px){.cr-word p.one{white-space:normal}}
  .cr-how{background:var(--bg-2);border-block:1px solid var(--line)}
  .cr-how .glow{opacity:.18}
  .cr-how .lab{color:var(--red)}
  .cr-how h2{font-family:var(--display);font-size:clamp(34px,4.6vw,56px)}
  .cr-how .lead{font-size:17px;line-height:1.7}
  .wt{border-radius:var(--radius)}
  .wt.grad{background:linear-gradient(160deg,#E5392B,#B7261B)}
  .wt.glass b{background:none;-webkit-text-fill-color:initial;color:var(--red)}
  .wt.growth .s1 .orb{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 40%),linear-gradient(140deg,#F0705F,var(--red))}
  .wt .k{color:inherit}
  .wt.glass .k,.wt.growth .k{color:var(--ink-3)}
  .wt.growth .st i{color:var(--red)}
  /* 회사소개·기타 mark on dark */
  .cr-film h2 .mark{color:var(--ink)}
/* 회사소개 히어로 · 걸어온 길 경로 */
  .abA-open .grid2{display:grid;grid-template-columns:minmax(0,1fr);position:static;z-index:1}
  .abA-open>.wrap{position:static}
  .abA-open .grid2>div:first-child{position:relative;z-index:2}
  .abA-open .grid2>div:first-child{max-width:600px}
  .abA-open h1{font-size:clamp(28px,2.9vw,38px);max-width:none}
  .abA-open h1 .nw{white-space:nowrap}
  .abA-open .eyebrow{color:var(--ink)}.abA-open .eyebrow::before{width:2px;height:14px;background:var(--ink)}
  .abA-open .path{position:absolute;left:max(52%,calc(50% + 40px));right:0;top:0;bottom:0;z-index:0}
  .abA-open .stack{right:4%}
  .abA-open{min-height:560px}
  .abA-open .grid2{min-height:400px;align-items:center}
  .abA-open .path svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .abA-open .path .p1{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:620;stroke-dashoffset:620;transition:stroke-dashoffset 2.2s cubic-bezier(.22,1,.36,1) .2s}
  .abA-open .path .p2{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 8;opacity:0;transition:opacity .8s 2.2s}
  .abA-open .path.rv:not(.pre) .p1{stroke-dashoffset:0}
  .abA-open .path.rv:not(.pre) .p2{opacity:.45}
  .abA-open .path .p3{fill:none;stroke:var(--red);stroke-width:2.2;stroke-dasharray:6 8;opacity:0;transition:opacity .8s 3s}
  .abA-open .path.rv:not(.pre) .p3{opacity:.75}
  .abA-open .ms{position:absolute;transform:translate(-50%,0);text-align:center;width:130px;opacity:0;transition:opacity .6s,transform .6s}
  .abA-open .path.rv:not(.pre) .ms{opacity:1}
  .abA-open .path.rv:not(.pre) .ms:nth-of-type(1){transition-delay:.2s}.abA-open .path.rv:not(.pre) .ms:nth-of-type(2){transition-delay:.8s}.abA-open .path.rv:not(.pre) .ms:nth-of-type(3){transition-delay:1.4s}
  .abA-open .ms i{display:block;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--ink);margin:0 auto 8px;box-shadow:0 0 0 6px var(--bg)}
  .abA-open .ms.now i{border-color:var(--red);background:var(--red);box-shadow:0 0 0 6px var(--bg),0 0 0 12px rgba(217,45,32,.14);animation:mspulse 2.4s ease-in-out infinite}
  @keyframes mspulse{0%,100%{box-shadow:0 0 0 6px var(--bg),0 0 0 12px rgba(217,45,32,.14)}50%{box-shadow:0 0 0 6px var(--bg),0 0 0 18px rgba(217,45,32,.06)}}
  .abA-open .ms b{font-family:var(--display);font-weight:400;font-size:20px;display:block;line-height:1;color:var(--ink)}
  .abA-open .ms small{font-family:"Gowun Batang",serif;font-size:13px;color:var(--ink-2);display:block;margin-top:4px}
  .abA-open .ms.now b{color:var(--red)}
  .abA-open .stack{position:absolute;right:24px;top:0;bottom:4px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-family:var(--display);font-size:clamp(70px,7.4vw,104px);line-height:.9;pointer-events:none;user-select:none;z-index:0}
  .abA-open .stack span{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);color:var(--ink)}
  .abA-open .path.rv:not(.pre) .stack span{transform:none}
  .abA-open .path.rv:not(.pre) .stack span:nth-child(5){opacity:.05;transition-delay:.1s}
  .abA-open .path.rv:not(.pre) .stack span:nth-child(4){opacity:.06;transition-delay:.45s}
  .abA-open .path.rv:not(.pre) .stack span:nth-child(3){opacity:.07;transition-delay:.8s}
  .abA-open .path.rv:not(.pre) .stack span:nth-child(2){opacity:.085;transition-delay:1.15s}
  .abA-open .path.rv:not(.pre) .stack span:nth-child(1){opacity:.1;transition-delay:1.5s}
  .abA-open .path svg,.abA-open .ms{z-index:1}
  .abA-open .ms.next{transform:translate(-50%,0);text-align:center}.abA-open .ms.next i{border-style:dashed;border-color:var(--red);background:var(--bg)}
  .abA-open .ms.next b,.abA-open .ms.next small{color:var(--ink-3)}
  .abA-open .path.rv:not(.pre) .ms:nth-of-type(4){transition-delay:2s}.abA-open .path.rv:not(.pre) .ms:nth-of-type(5){transition-delay:2.6s}
  @media (max-width:1024px){.abA-open .path{position:relative;left:auto;right:auto;width:100%;aspect-ratio:600/400;margin-top:28px}.abA-open .stack{display:none}.abA-open h1 .nw{white-space:normal}.abA-open .grid2{min-height:0}}
  @media (prefers-reduced-motion: reduce){.abA-open .path .p1{stroke-dashoffset:0}.abA-open .path .p2{opacity:.45}.abA-open .ms{opacity:1}.abA-open .ms.now i{animation:none}}
.cr-film .film .snd{position:absolute;right:16px;bottom:16px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(15,23,42,.55);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .4s,transform .3s}
  .cr-film .film video.on~.snd{opacity:1}
  .cr-film .film .snd:hover{transform:scale(1.06)}
  .cr-film .film .snd svg{width:20px;height:20px}
  .cr-film .film .snd .w1,.cr-film .film .snd .w2{display:none}
  .cr-film .film .snd[aria-pressed="true"] .x{display:none}
  .cr-film .film .snd[aria-pressed="true"] .w1,.cr-film .film .snd[aria-pressed="true"] .w2{display:block}
/* 오늘의책임 · 갤러리 (Linearity 스타일) */
  .abA-resp{overflow:hidden}
  .abA-resp .resp-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
  .abA-resp .resp-head .lab{margin-bottom:14px}
  .abA-resp .resp-head .hl{margin:0}
  .abA-resp .resp-head .pill{margin-top:22px}
  .abA-resp .gal{margin-top:48px;display:flex;flex-direction:column;gap:14px}
  .abA-resp .row{display:flex;gap:14px;width:max-content}
  .abA-resp .row.r1{margin-left:calc(50% - 720px)}
  .abA-resp .row.r2{margin-left:calc(50% - 860px)}
  .abA-resp .g{flex:0 0 var(--w);width:var(--w);height:var(--h);border-radius:var(--radius);overflow:hidden;position:relative;background:var(--bg-2);box-shadow:var(--e1);transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .abA-resp .g:hover{transform:translateY(-6px)}
  .abA-resp .g .photo{position:absolute;inset:0;aspect-ratio:auto;height:100%;border-radius:0;border:0}
  .abA-resp .g.tx{display:flex;flex-direction:column;justify-content:space-between;padding:18px}
  .abA-resp .g.tx.sun{background:var(--sun);color:var(--ink)}
  .abA-resp .g.tx.sun b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.25}
  .abA-resp .g.tx.sun span{font-family:var(--mono);font-size:11px;letter-spacing:.14em}
  .abA-resp .g.tx.red{background:linear-gradient(160deg,#E5392B,#B7261B);color:#fff}
  .abA-resp .g.tx.red i{font-style:normal;font-family:var(--display);font-size:30px;line-height:1;letter-spacing:.02em}
  .abA-resp .g.tx.red span{font-family:"Gowun Batang",serif;font-size:13px;line-height:1.5;color:rgba(255,255,255,.9)}
  .abA-resp .gal.rv .g{opacity:0;transform:translateY(18px)}
  .abA-resp .gal.rv:not(.pre) .g{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)}
  .abA-resp .gal.rv:not(.pre) .g:nth-child(2){transition-delay:.08s}.abA-resp .gal.rv:not(.pre) .g:nth-child(3){transition-delay:.16s}.abA-resp .gal.rv:not(.pre) .g:nth-child(4){transition-delay:.24s}.abA-resp .gal.rv:not(.pre) .g:nth-child(5){transition-delay:.32s}.abA-resp .gal.rv:not(.pre) .g:nth-child(6){transition-delay:.4s}.abA-resp .gal.rv:not(.pre) .g:nth-child(7){transition-delay:.48s}.abA-resp .gal.rv:not(.pre) .g:nth-child(8){transition-delay:.56s}
  .abA-resp .g:not(.tx)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(150,50,25,.38),rgba(70,20,35,.55));mix-blend-mode:multiply;pointer-events:none;z-index:2}
  .abA-resp .g:not(.tx) .photo img.real{filter:saturate(.75) contrast(1.05)}
  .abA-resp .g.tx b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.25}
  .abA-resp .g.tx span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.85}
  .abA-resp .g.tx.green{background:linear-gradient(160deg,#3FB27F,#1F8A5C);color:#fff}
  .abA-resp .g.tx.pink{background:linear-gradient(160deg,#FF8BA7,#E8567C);color:#fff}
  .abA-resp .g.tx.blue{background:linear-gradient(160deg,#4C8DFF,#2C5FD6);color:#fff}
  .abA-resp .g.pz{padding:10px;background:var(--tint)}
  .abA-resp .g.pz .photo{position:relative;inset:auto;height:100%;border-radius:var(--radius-sm);overflow:hidden}
  .abA-resp .g.pz::after{inset:10px;border-radius:var(--radius-sm);background:linear-gradient(180deg,transparent 40%,var(--tint));mix-blend-mode:multiply}
  .abA-resp .g.pz .photo img.real{filter:saturate(1.05) contrast(1.05);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
  .abA-resp .g.pz:hover .photo img.real{transform:scale(1.08) rotate(-1deg)}
  .abA-resp .g .scr{position:absolute;left:0;right:0;bottom:6px;width:100%;height:46%;z-index:3;pointer-events:none;overflow:visible}
  .abA-resp .g .scr path{fill:none;stroke:#fff;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:.92;stroke-dasharray:420;stroke-dashoffset:420;vector-effect:non-scaling-stroke}
  .abA-resp .g:nth-child(3n+1) .scr path{stroke:var(--sun)}.abA-resp .g:nth-child(3n+2) .scr path{stroke:#2FD38A}
  .abA-resp .gal.rv:not(.pre) .g .scr path{animation:scrdraw 1.4s cubic-bezier(.22,1,.36,1) forwards;animation-delay:inherit}
  .abA-resp .gal.rv:not(.pre) .g:nth-child(2) .scr path{animation-delay:.3s}.abA-resp .gal.rv:not(.pre) .g:nth-child(3) .scr path{animation-delay:.5s}.abA-resp .gal.rv:not(.pre) .g:nth-child(4) .scr path{animation-delay:.7s}.abA-resp .gal.rv:not(.pre) .g:nth-child(5) .scr path{animation-delay:.9s}.abA-resp .gal.rv:not(.pre) .g:nth-child(6) .scr path{animation-delay:1.1s}.abA-resp .gal.rv:not(.pre) .g:nth-child(7) .scr path{animation-delay:1.3s}.abA-resp .gal.rv:not(.pre) .g:nth-child(8) .scr path{animation-delay:1.5s}
  @keyframes scrdraw{to{stroke-dashoffset:0}}
  .abA-resp .row.r1{animation:drift1 14s ease-in-out infinite alternate}
  .abA-resp .row.r2{animation:drift2 16s ease-in-out infinite alternate}
  @keyframes drift1{from{transform:translateX(0)}to{transform:translateX(-60px)}}
  @keyframes drift2{from{transform:translateX(0)}to{transform:translateX(60px)}}
  .abA-resp .g.tx.green{background:linear-gradient(160deg,#2FD38A,#12A15F)}
  .abA-resp .g.tx.pink{background:linear-gradient(160deg,#FF6FA0,#F0336E)}
  .abA-resp .g.tx.blue{background:linear-gradient(160deg,#3D8BFF,#1F4FE0)}
  .abA-resp .g.tx.sun{background:linear-gradient(160deg,#FFD23F,#FFB300)}
  .abA-resp .g.tx.red{background:linear-gradient(160deg,#FF3B2B,#C81E12)}
  @media (prefers-reduced-motion: reduce){.abA-resp .row.r1,.abA-resp .row.r2{animation:none}.abA-resp .g .scr path{stroke-dashoffset:0;animation:none}}
  .abA-resp .wv{margin-top:0}
  .abA-resp .wv+.wrap .resp-head, .abA-resp .wrap .resp-head.top{margin-top:96px}
  .abA-resp .wv .resp-head .hl{margin:0}
  .abA-resp .wv .wsub{font-family:"Gowun Batang",serif;font-size:clamp(16px,1.6vw,20px);color:var(--ink-2);margin:16px 0 0}
  .abA-resp .wv .photo.wide{margin-top:36px;aspect-ratio:1034/432;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e2);border:0}
  @media (max-width:1024px){.abA-resp .wv .hl br{display:none}}
  @media (max-width:1024px){.abA-resp .gal{overflow-x:auto;padding-bottom:8px}.abA-resp .row.r1,.abA-resp .row.r2{margin-left:16px}.abA-resp .g{--h:170px!important}}
/* GOOD COMPANY · 5대 역량 에디토리얼 리스트 */
  .abA-good .ghead{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
  .abA-good .ghead .hl{margin:0}
  .abA-good .glead{font-family:"Gowun Batang",serif;font-size:clamp(17px,1.7vw,21px);line-height:1.7;color:var(--ink-2);margin:18px 0 0;max-width:34em}
  .abA-good .gr{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .abA-good .gphoto{position:relative;margin-top:44px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e2)}
  .abA-good .gphoto .photo{aspect-ratio:1180/420;border-radius:0;border:0}
  .abA-good .gphoto .cap{position:absolute;left:20px;bottom:16px;z-index:5;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:#fff;background:rgba(15,23,42,.55);padding:6px 10px;border-radius:var(--radius-xs);backdrop-filter:blur(6px)}
  .abA-good .glist{margin-top:56px;border-top:1px solid var(--ink)}
  .abA-good .glist .row{display:grid;grid-template-columns:200px 1fr 1.6fr;gap:32px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .2s}
  .abA-good .glist .row:hover{background:linear-gradient(90deg,transparent,var(--bg-2) 30%,var(--bg-2) 70%,transparent)}
  .abA-good .glist .en{font-family:var(--display);font-size:30px;letter-spacing:.04em;line-height:1;color:var(--ink);transition:color .2s}
  .abA-good .glist .row:hover .en{color:var(--red)}
  .abA-good .glist .en small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-top:8px;text-transform:uppercase}
  .abA-good .glist .kr{font-family:"Gowun Batang",serif;font-weight:700;font-size:20px;line-height:1.4}
  .abA-good .glist p{margin:0;font-size:15px;line-height:1.85;color:var(--ink-2)}
  .abA-good .mvv{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:26px;border-top:1px solid var(--line)}
  .abA-good .mvv i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);display:block}
  .abA-good .mvv b{display:block;font-family:"Gowun Batang",serif;font-weight:700;font-size:17px;line-height:1.45;margin-top:10px}
  .abA-good .mvv span{display:block;font-size:13px;color:var(--ink-2);margin-top:6px;line-height:1.6}
  .abA-good .mvv .vals{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  .abA-good .mvv .vals em{font-style:normal;font-size:13px;padding:5px 11px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;color:var(--ink)}
  .abA-good .tri{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
  .abA-good .tri>div{padding:30px 32px 34px 0;border-right:1px solid var(--line)}
  .abA-good .tri>div+div{padding-left:32px}
  .abA-good .tri>div:last-child{border-right:0;padding-right:0}
  .abA-good .tri i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-3);display:block}
  .abA-good .tri b{display:block;font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.4;margin-top:16px;min-height:2.8em}
  .abA-good .tri p{font-size:15px;line-height:1.8;color:var(--ink-2);margin:14px 0 0;max-width:24em}
  .abA-good .tri .vals{margin-top:14px;display:grid;gap:8px}
  .abA-good .tri .vals div{display:grid;grid-template-columns:52px 1fr;gap:10px;font-size:14px;line-height:1.7;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:8px}
  .abA-good .tri .vals div:first-child{border-top:0;padding-top:0}
  .abA-good .tri .vals em{font-style:normal;font-family:"Gowun Batang",serif;font-weight:700;color:var(--ink)}
  .abA-good .tri .mark{background:linear-gradient(90deg,var(--sun) 50%,transparent 50%) no-repeat;background-size:200% 36%;background-position:0% 78%;padding-inline:.06em}
  .abA-good .gphoto{margin-top:56px}
  .abA-good .gphoto .photo{aspect-ratio:1034/432}
  .abA-good .gphoto .photo img.real{filter:blur(2.5px) saturate(.85) brightness(.85);transform:scale(1.04)}
  .abA-good .gphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.72),rgba(15,23,42,.35) 55%,rgba(15,23,42,.1));z-index:3;pointer-events:none}
  .abA-good .gphoto .ov{position:absolute;left:44px;bottom:40px;z-index:5;color:#fff;max-width:30em}
  .abA-good .gphoto .ov .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sun);display:block;margin-bottom:12px}
  .abA-good .gphoto .ov p{font-family:"Gowun Batang",serif;font-weight:700;font-size:clamp(18px,2vw,26px);line-height:1.5;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.35)}
  .abA-good .glist{margin-top:40px}
  @media (max-width:1024px){.abA-good .tri{grid-template-columns:1fr}.abA-good .tri>div{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.abA-good .tri>div+div{padding-left:0}.abA-good .tri b{min-height:0}.abA-good .gphoto .ov{left:20px;bottom:18px}.abA-good .gphoto .ov p br{display:none}}
  @media (max-width:1024px){.abA-good .ghead{grid-template-columns:1fr}.abA-good .gr{display:none}.abA-good .glist .row{grid-template-columns:1fr;gap:8px}.abA-good .mvv{grid-template-columns:1fr}.abA-good .glead br{display:none}}

  /* 홈 v2 신규 섹션 (hm-) */
  .hm-era{padding-block:88px}
  .hm-era .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
  .hm-era .pcard{min-height:0}
  .hm-era .pcard h3{color:var(--navy-band-ink)}
  .hm-era .close{margin-top:40px;font-family:var(--display);font-weight:400;font-size:clamp(24px,3.2vw,40px);line-height:1.3;color:var(--navy-band-ink)}
  .hm-era .close .mark{background-size:200% 18%;background-position:100% 100%}
  .hm-era .close.rv:not(.pre) .mark{background-position:0% 100%}
  /* 모델링 과정 */
  .hm-model{padding-block:96px}
  .model-head{align-items:center}
  .conv-mini{max-width:440px;justify-self:end;width:100%}
  .conv-mini .chart{width:100%;height:auto}
  .conv-mini .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;fill:var(--ink-3)}
  .conv-mini p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:10px;text-align:right;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity 1s ease 2.2s,transform 1s cubic-bezier(.2,.9,.3,1) 2.2s}
  .rv:not(.pre) .conv-mini p{opacity:1;transform:none}
  .conv-mini .pts .last{transform-origin:410px 31px;animation:convPulse 2.6s ease-in-out 3s infinite}
  @keyframes convPulse{0%,100%{r:5}50%{r:7.5}}
  .conv-mini .curve{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2.2s cubic-bezier(.3,0,.2,1) .3s}
  .conv-mini .pts circle{fill:var(--sun);stroke:var(--ink);stroke-width:2;opacity:0;transition:opacity .5s}
  .rv:not(.pre) .conv-mini .curve{stroke-dashoffset:0}
  .rv:not(.pre) .conv-mini .pts circle{opacity:1}
  .rv:not(.pre) .conv-mini .pts circle:nth-child(2){transition-delay:.9s}.rv:not(.pre) .conv-mini .pts circle:nth-child(3){transition-delay:1.5s}.rv:not(.pre) .conv-mini .pts circle:nth-child(4){transition-delay:2.2s}
  /* 4단계 플로우 */
  .flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px;padding-bottom:96px}
  .fs{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px 22px;box-shadow:var(--e1);cursor:pointer;transition:transform .45s cubic-bezier(.2,.9,.3,1),box-shadow .45s,border-color .45s}
  .fs::after{content:"→";position:absolute;right:-17px;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--ink-3);font-size:16px}
  .fs:nth-of-type(4)::after{display:none}
  .fs.on{transform:translateY(-6px);box-shadow:var(--e1h);border-color:rgba(217,45,32,.4)}
  .fs .where{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-2);background:var(--bg-2);padding:4px 10px;border-radius:var(--pill)}
  .fs.on .where{background:var(--sun-tint);color:#7A5A00}
  .fs .num{display:block;font-family:var(--display);font-size:44px;line-height:1;color:var(--line);margin-top:16px;transition:color .45s}
  .fs.on .num{color:var(--red)}
  .fs h3{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.15;margin-top:6px;display:flex;align-items:baseline;gap:8px}
  .fs h3 small{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .fs p{font-size:14px;line-height:1.7;color:var(--ink-2);margin-top:10px;min-height:4.2em}
  .fs .out{margin-top:14px;font-size:13px;color:var(--ink-2);padding:8px 10px;background:var(--bg-2);border-radius:var(--radius-sm);line-height:1.5}
  .fs .out span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);margin-bottom:2px}
  .fs .top{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
  .fs .top .num{margin-top:0}
  .fs .ico{width:30px;height:30px;color:var(--ink-3);transition:color .45s}
  .fs.on .ico{color:var(--red)}
  .fs .pol{margin-top:8px;font-size:12px;color:var(--ink-3);line-height:1.5}
  .fs .pol span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;margin-right:8px;color:var(--red)}
  .policy-note{margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.7;max-width:none;text-align:justify;text-justify:inter-character;word-break:keep-all}
  .flow .ret{position:absolute;left:0;right:0;bottom:8px;width:100%;height:90px;pointer-events:none}
  .flow .ret .runner{filter:drop-shadow(0 0 6px rgba(217,45,32,.6))}
  .flow .ret-l{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);background:var(--bg);padding:0 12px}
  @media (max-width:768px){.model-head{align-items:start}.conv-mini{justify-self:start;max-width:100%}.conv-mini p{text-align:left}.flow{grid-template-columns:1fr 1fr;padding-bottom:0}.fs::after{display:none}.flow .ret,.flow .ret-l{display:none}.fs.on{transform:none}}
  @media (max-width:480px){.flow{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){.flow .ret .runner{display:none}.conv-mini .curve{stroke-dashoffset:0}.conv-mini .pts circle{opacity:1}.conv-mini p{opacity:1;transform:none}.conv-mini .pts .last{animation:none}}
  #hm-proof .stats2{grid-template-columns:repeat(4,1fr)}
  .hm-insight{padding-block:88px}
  .hm-insight .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .hm-insight .pcard{text-decoration:none;color:inherit}
  .hm-insight .pcard:hover{transform:translateY(-4px);box-shadow:var(--e1h)}
  @media (max-width:768px){.hm-era .cols,.hm-insight .grid{grid-template-columns:1fr}#hm-proof .stats2{grid-template-columns:1fr 1fr}}
  @media (max-width:480px){#hm-proof .stats2{grid-template-columns:1fr}.hm-loop .steps h3{font-size:26px}}

  /* 시대진단 · 왜 지금 교육인가 */
  .hm-era .why{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin-top:56px;padding-top:44px;border-top:1px solid var(--navy-band-line);align-items:start}
  .hm-era .why h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.35;margin-top:14px;color:var(--navy-band-ink)}
  .hm-era .why p{color:var(--navy-band-mute);margin-top:12px;font-size:16px;line-height:1.75}
  .hm-era .facts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
  .hm-era .facts li{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--navy-band-line);border-radius:var(--radius-sm);background:rgba(255,255,255,.04)}
  .hm-era .facts b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1;color:var(--sun)}
  .hm-era .facts b small{font-size:14px;margin-left:2px}
  .hm-era .facts span{font-size:14px;color:var(--navy-band-ink);display:grid;gap:4px}
  .hm-era .facts em{font-style:normal;justify-self:start}
  /* 히스토리 밴드 (사진 배경) */
  .hm-history{position:relative;padding-block:104px;color:var(--navy-band-ink);overflow:hidden;isolation:isolate}
  .hm-history .bgp{position:absolute;inset:0;z-index:-1}
  .hm-history .bgp img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.05)}
  .hm-history .bgp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(15,23,42,.72) 50%,rgba(15,23,42,.92))}
  .hm-history .eyebrow{color:var(--sun)}.hm-history .eyebrow::before{background:var(--sun)}
  .hm-history .sec-head p{color:#C9CFDC}
  .hm-history .chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
  .hm-history .ch .photo{aspect-ratio:4/3;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
  .hm-history .ch .photo .lbl{color:var(--sun)}.hm-history .ch .photo>div{color:#C9CFDC;font-size:13px}
  .hm-history .ch .photo.dark{border-style:solid;background:linear-gradient(135deg,rgba(217,45,32,.35),rgba(255,197,49,.18))}
  .hm-history .yr{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--sun)}
  .hm-history .ch h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.25;margin-top:8px}
  .hm-history .ch p{font-size:15px;line-height:1.7;color:#C9CFDC;margin-top:8px}
  .hm-history .more{margin-top:40px}
  /* 인증·표창 */
  #hm-proof .awards{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
  #hm-proof .awards ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
  #hm-proof .awards li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--e1)}
  #hm-proof .awards b{font-size:15px;color:var(--ink)}
  #hm-proof .awards span{font-size:13px;color:var(--ink-3)}
  @media (max-width:768px){.hm-era .why{grid-template-columns:1fr}.hm-history .chapters{grid-template-columns:1fr 1fr}}
  @media (max-width:480px){.hm-history .chapters{grid-template-columns:1fr}.hm-era .facts li{grid-template-columns:90px 1fr}}

  /* 풀블리드 스테이트먼트 */
  .hm-full{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:var(--navy-band-ink);overflow:hidden;isolation:isolate;padding-block:88px 64px}
  .hm-full .img{position:absolute;inset:0;z-index:-1}
  .hm-full .img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s cubic-bezier(.2,.6,.2,1);filter:saturate(.85)}
  .hm-full:not(.pre) .img img{transform:scale(1)}
  .hm-full .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.15),rgba(15,23,42,.3) 45%,rgba(15,23,42,.88))}
  .hm-full .eyebrow{color:var(--sun)}.hm-full .eyebrow::before{background:var(--sun)}
  .hm-full h2{margin-top:14px;font-size:clamp(34px,4.6vw,56px);max-width:14em}
  .hm-full p{margin-top:18px;max-width:34em;font-size:17px;line-height:1.75;color:#DDE3EE}
  .hm-full .cap{position:absolute;right:24px;bottom:18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(245,239,230,.7)}
  /* 풀블리드 시퀀스 */
  .hm-scenes{padding-block:88px 0}
  .hm-scenes .head{margin-bottom:36px}
  .hm-scenes .scene{position:relative;margin:0;min-height:62vh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;color:var(--navy-band-ink)}
  .hm-scenes .scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transform:scale(1.06);transition:transform 6s cubic-bezier(.2,.6,.2,1);filter:saturate(.85)}
  .hm-scenes .scene:not(.pre) img{transform:scale(1)}
  .hm-scenes .scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.05),rgba(15,23,42,.25) 50%,rgba(15,23,42,.86))}
  .hm-scenes figcaption{width:min(1180px,100%);margin:0 auto;padding:0 20px 56px}
  .hm-scenes .eyebrow{color:var(--sun)}.hm-scenes .eyebrow::before{background:var(--sun)}
  .hm-scenes h3{font-size:clamp(28px,3.6vw,44px);margin-top:12px;font-weight:400}
  .hm-scenes figcaption p{margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#C9CFDC}
  .hm-scenes .scene+.scene{border-top:1px solid rgba(245,239,230,.12)}
  @media (max-width:768px){.hm-full{min-height:64vh}.hm-scenes .scene{min-height:52vh}}
  @media (max-width:480px){.hm-full{min-height:70vh;padding-block:64px 48px}.hm-full .cap{position:static;display:block;padding:14px 20px 0}}
  @media (prefers-reduced-motion:reduce){.hm-full .img img,.hm-scenes .scene img{transform:none;transition:none}}

  /* 히어로 · 브랜드 네이비 · 레드 포인트 */
  .hero.navy{--hero-ink:#FBF7F0;background:
      radial-gradient(58% 60% at 14% 104%,rgba(217,45,32,.34),transparent 62%),
      radial-gradient(34% 40% at 90% -6%,rgba(255,197,49,.16),transparent 60%),
      linear-gradient(180deg,#121B35 0%,var(--ink) 58%,#0B1222 100%);
    color:var(--hero-ink);border-bottom:0;padding-block:118px 100px;text-align:center}
  .hero.navy::before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent 20%,rgba(255,197,49,.5),transparent 80%)}
  .hero.navy .grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:url("images/hero_grain_navy.svg");mix-blend-mode:soft-light}
  .hero.navy .wire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
  .hero.navy .wire .path{fill:none;stroke:url(#hw);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:heroWire 2.4s cubic-bezier(.3,0,.2,1) .2s forwards}
  @keyframes heroWire{to{stroke-dashoffset:0}}
  .hero.navy .wire .halo{opacity:0;transform-origin:700px 96px;animation:heroHalo 3.2s ease-in-out 2.4s infinite}
  @keyframes heroHalo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.35)}}
  .hero.navy .wire .pt{filter:drop-shadow(0 0 10px rgba(217,45,32,.8))}
  .hero.navy .wire .wm{font-family:var(--display);font-size:236px;fill:#FBF7F0;opacity:.035;letter-spacing:.06em}
  .hero.navy .wrap{grid-template-columns:1fr;justify-items:center}
  .hero.navy .copy{max-width:52em;display:flex;flex-direction:column;align-items:center}
  .hero.navy h1{font-family:'Gowun Batang',serif;font-weight:400;font-size:clamp(36px,4.6vw,60px);line-height:1.2;letter-spacing:.005em;margin-top:64px;color:var(--hero-ink);text-shadow:0 1px 18px rgba(0,0,0,.3)}
  .hero.navy h1 .w{animation:pop .8s cubic-bezier(.2,.9,.3,1) both;animation-delay:1.9s}
  .hero.navy h1 .w:nth-child(2){animation-delay:2.05s}.hero.navy h1 .w:nth-child(3){animation-delay:2.2s}
  .hero.navy h1 .hl{position:relative;display:inline-block;z-index:0}
  .hero.navy h1 .hl::after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.08em;height:.3em;background:var(--sun);opacity:.6;z-index:-1;border-radius:2px;transform:scaleX(0);transform-origin:left;animation:heroHl .9s cubic-bezier(.2,.9,.3,1) 2.9s forwards}
  @keyframes heroHl{to{transform:scaleX(1)}}
  .hero.navy .lead{font-family:'Gowun Batang',serif;font-size:clamp(17px,1.5vw,20px);line-height:1.9;color:#C9CFDC;max-width:38em;margin-top:26px;animation:pop .8s cubic-bezier(.2,.9,.3,1) 2.5s both}
  .hero.navy .lead strong{color:var(--hero-ink);font-weight:400}
  @media (max-width:768px){.hero.navy{padding-block:88px 72px}.hero.navy h1{margin-top:56px}.hero.navy .wire .wm{font-size:150px}}
  @media (max-width:480px){.hero.navy{padding-block:64px 56px}.hero.navy h1{font-size:30px;margin-top:48px}}
  @media (prefers-reduced-motion:reduce){.hero.navy .wire .path{animation:none;stroke-dashoffset:0}.hero.navy .wire .halo{animation:none;opacity:.6}.hero.navy h1 .w,.hero.navy .lead{animation:none}.hero.navy h1 .hl::after{animation:none;transform:none}}
  /* 히어로 · 웜 화이트 변형 */
  .hero.navy.warm{--hero-ink:var(--ink);background:
      radial-gradient(56% 58% at 12% 106%,rgba(217,45,32,.13),transparent 62%),
      radial-gradient(36% 44% at 92% -8%,rgba(255,197,49,.28),transparent 60%),
      linear-gradient(180deg,#FFFDFA 0%,#FCF9F3 60%,#F8F3EC 100%);color:var(--ink)}
  .hero.navy.warm::before{background:linear-gradient(90deg,transparent 20%,rgba(217,45,32,.45),transparent 80%)}
  .hero.navy.warm .grain{opacity:.5;mix-blend-mode:multiply;background-image:url("images/hero_grain_warm.svg")}
  .hero.navy.warm .wire .wm{fill:var(--ink);opacity:.055}
  .hero.navy.warm h1{color:var(--ink);text-shadow:none}
  .hero.navy.warm .lead{color:var(--ink-2)}
  .hero.navy.warm .lead strong{color:var(--ink)}
  .hero.navy.warm .wire .pt{filter:drop-shadow(0 0 8px rgba(217,45,32,.55))}

  /* 시그널 스토리 (코드 생성 배경) */
  .hm-signal{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;background:#111A33;color:var(--navy-band-ink);overflow:hidden;isolation:isolate;padding-block:120px}
  .hm-signal .art{position:absolute;inset:0;z-index:-3;overflow:hidden}
  .hm-signal .art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.16;filter:grayscale(1) contrast(1.05);mix-blend-mode:luminosity;transform:scale(1.04);animation:hmArt 60s ease-in-out infinite alternate}
  @keyframes hmArt{to{transform:scale(1.1) translate(-1.5%,1%)}}
  .hm-signal canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
  .hm-signal .scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(8,12,28,.55) 100%)}
  .hm-signal .eyebrow{color:var(--sun)}.hm-signal .eyebrow::before{background:var(--sun)}
  .hm-signal .wrap{text-align:center}
  .hm-signal .beats{position:relative;min-height:330px}
  .hm-signal .beat{position:absolute;inset:0;margin:0 auto;max-width:54em;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(18px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.9,.3,1);pointer-events:none}
  .hm-signal .beat.on{opacity:1;transform:none;pointer-events:auto}
  /* 퇴장: 시그널처럼 왼쫀으로 천천히 흘러가며 페이드 (리드가 먼저, 더 멀리) */
  .hm-signal .beat.out{opacity:0;transform:translateX(-32px);transition:opacity 1.6s cubic-bezier(.4,0,.6,1),transform 1.6s cubic-bezier(.4,0,.6,1)}
  .hm-signal .lead{font-family:'Gowun Batang',serif;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:var(--sun);letter-spacing:.01em}
  .hm-signal h2{font-family:'Gowun Batang',serif;font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.3;margin-top:14px;color:#FBF7F0;letter-spacing:-.005em}
  .hm-signal .sub{font-family:var(--display);font-size:clamp(17px,1.5vw,21px);letter-spacing:.04em;line-height:1.6;color:rgba(201,207,220,.78);margin-top:20px;white-space:nowrap;max-width:none}
  .hm-signal .hl{position:relative;display:inline-block}
  .hm-signal .hl::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.16em;background:linear-gradient(90deg,rgba(255,197,49,0),rgba(255,197,49,.45) 12%,rgba(255,197,49,.45) 88%,rgba(255,197,49,0));z-index:-1;border-radius:2px;opacity:0;transform:scaleX(.6);transform-origin:center;transition:opacity 1.6s ease 1.1s,transform 1.8s cubic-bezier(.2,.6,.2,1) 1.1s}
  .hm-signal .beat.on .hl::after{opacity:1;transform:scaleX(1)}
  .hm-signal .dots{display:flex;gap:10px;margin-top:44px;justify-content:center}
  .hm-signal .dots button{width:6px;height:6px;border:0;border-radius:50%;background:rgba(245,239,230,.32);padding:0;cursor:pointer;transition:background .4s,transform .4s}
  .hm-signal .dots button.on{background:var(--sun);transform:scale(1.5);box-shadow:0 0 0 4px rgba(255,197,49,.18)}
  .hm-signal .cap{position:absolute;right:24px;bottom:18px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(245,239,230,.45)}
  .hm-why{padding-block:72px 88px}
  .hm-why .why{margin-top:0;padding-top:0;border-top:0}
  @media (max-width:768px){.hm-signal{min-height:auto;padding-block:80px}.hm-signal .beats{min-height:360px}}
  @media (max-width:480px){.hm-signal .beats{min-height:420px}.hm-signal .sub{white-space:normal}}

  #hm-proof .pub{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
  #hm-proof .pub ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  #hm-proof .pub li{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--e1)}
  #hm-proof .pub b{font-size:15px;color:var(--ink)}
  #hm-proof .pub span{font-size:13px;color:var(--ink-3)}
  #hm-proof .pub .partners{margin-top:18px;font-size:14px;color:var(--ink-2);line-height:1.7}
  .hm-with .mq-wrap{margin-top:0}
  .hm-with .mq-wrap .h{text-align:center;color:var(--ink-2);font-size:15px;margin-bottom:18px}
  .hm-with .h2row{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 28px;width:min(1180px,100% - 40px);text-align:center}
  .hm-with .mq-wrap .h.one{font-size:clamp(18px,2vw,26px);color:var(--ink);margin:0;line-height:1.4;white-space:nowrap}
  .hm-with .mq-wrap .h.one .big{font-family:var(--display);font-size:1.55em;color:var(--ink);letter-spacing:-.01em;margin:0 2px}
  .hm-with .mq-wrap .h.one .big,.hm-with .mq-wrap .h.one .big .roll{display:inline;vertical-align:baseline;line-height:1;transform:none}
  .hm-with .mq-wrap .h.one em{font-style:normal;color:var(--red);font-weight:700}
  .hm-with .h2row .lnk{font-size:14px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}
  @media (max-width:768px){.hm-with .mq-wrap .h.one{white-space:normal}}
  .hm-with .mq2{margin-top:12px}
  .hm-with .mq2 .row{animation-direction:reverse;animation-duration:50s}
  @media (max-width:768px){#hm-proof .pub ul{grid-template-columns:1fr 1fr}}
  @media (max-width:480px){#hm-proof .pub ul{grid-template-columns:1fr}}

  /* 서비스 · 3브랜드 */
  .hm-svc{padding-block:96px;background:var(--bg-2)}
  .svc-head{grid-template-columns:1.25fr .75fr;align-items:center}
  .svc-head .lead,.hm-svc .sec-head .lead{margin-top:18px;color:var(--ink-2);font-size:16px;line-height:1.75;max-width:36em}
  .story .svc-head .lead{margin-top:16px;color:var(--ink-2);font-size:16px;line-height:1.75;max-width:30em}
  .journey{max-width:380px;justify-self:end;width:100%}
  .journey svg{width:100%;height:auto;overflow:visible}
  .journey .ring{animation:loopDraw 2.4s cubic-bezier(.3,0,.2,1) forwards}
  @keyframes loopDraw{to{stroke-dashoffset:0}}
  .journey .ctr-l{font-family:var(--mono);font-size:11px;letter-spacing:.18em;fill:var(--ink-3)}
  .journey .ctr{font-family:var(--display);font-size:24px;fill:var(--ink)}
  .journey .node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}
  .journey .node .t{font-family:var(--display);font-size:17px;fill:var(--ink)}
  .journey .node .b{font-family:var(--mono);font-size:9px;letter-spacing:.08em;fill:var(--red)}
  .journey .runner{filter:drop-shadow(0 0 8px rgba(217,45,32,.7))}
  .svc-head{grid-template-columns:.9fr 1.1fr;align-items:center}
  .hm-svc .svc-head h2{font-size:clamp(34px,4.6vw,56px)}
  .hm-svc .svc-head h2 .mark{white-space:nowrap}
  .svc-open{position:relative;height:320px;width:100%;perspective:1200px}
  .svc-open .wires{position:absolute;inset:0;width:100%;height:100%}
  .svc-open .wires path{fill:none;stroke:var(--ink);stroke-opacity:.22;stroke-width:1.5;stroke-dasharray:4 5}
  .svc-open .dots circle{fill:var(--red);filter:drop-shadow(0 0 5px rgba(217,45,32,.5))}
  .svc-open .dots circle.y{fill:var(--sun);filter:drop-shadow(0 0 5px rgba(255,197,49,.6))}
  .svc-open .pole,.svc-open .tile{position:absolute;display:flex;flex-direction:column;justify-content:center}
  .svc-open .pole{width:16%;text-align:center;align-items:center;gap:2px;top:50%;transform:translateY(-50%)}
  .svc-open .pole.l{left:0}.svc-open .pole.r{right:0}
  .svc-open .pole b{font-family:var(--display);font-weight:400;font-size:19px;color:var(--ink);line-height:1.1}
  .svc-open .pole small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .svc-open .pole .dot{width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(217,45,32,.14),0 0 18px rgba(217,45,32,.5);margin-bottom:8px;animation:heroDot 3.2s ease-in-out infinite}
  .svc-open .tile{left:36%;width:31%;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--e1h);transform-style:preserve-3d;transform:rotateY(-14deg) translateY(-50%);transform-origin:center;animation:tileFloat 6s ease-in-out infinite}
  .svc-open .t1{top:19.5%;animation-delay:0s}.svc-open .t2{top:50%;animation-delay:-2s}.svc-open .t3{top:80.5%;animation-delay:-4s}
  @keyframes tileFloat{0%,100%{transform:rotateY(-14deg) translateY(-50%)}50%{transform:rotateY(-14deg) translateY(calc(-50% - 6px))}}
  .svc-open .tile{flex-direction:row;align-items:center;gap:12px;padding:12px 16px 12px 12px}
  .svc-open .tile .bd{flex:none;width:44px;height:44px;border-radius:22px 6px 6px 22px;display:grid;place-items:center;font-family:var(--display);font-size:13px;color:#fff;letter-spacing:.02em}
  .svc-open .tile .bd.rw{background:var(--red)}.svc-open .tile .bd.ul{background:var(--ink)}.svc-open .tile .bd.gl{background:var(--gl)}
  .svc-open .tile>div{display:flex;flex-direction:column;min-width:0}
  .svc-open .tile b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--ink);line-height:1.1}
  .svc-open .tile b.rw{color:var(--red)}.svc-open .tile b.gl{color:var(--gl)}
  .svc-open .tile small{font-size:12px;color:var(--ink-2);margin-top:3px;white-space:nowrap}
  @media (max-width:768px){.svc-head{grid-template-columns:1fr}.svc-open{height:auto;perspective:none}.svc-open .wires,.svc-open .pole{display:none}.svc-open .tile{position:static;width:100%;transform:none;animation:none;margin-top:10px}}
  @media (prefers-reduced-motion:reduce){.svc-open .tile{animation:none}.svc-open .dots{display:none}.svc-open .pole .dot{animation:none}}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
  .svc .scr{aspect-ratio:16/8;padding-top:22px}
  .svc .bd{gap:8px;padding:16px 18px 16px}
  .svc .brow{display:flex;align-items:center;gap:8px}
  .svc h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1}
  .svc h3.rw{color:var(--red)}.svc h3.ul{color:var(--ink)}.svc h3.gl{color:var(--gl)}
  .svc .tab{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:var(--radius-xs);background:var(--ink);color:#fff}
  .svc .go{margin-left:auto;font-size:12px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--line);border-radius:var(--pill);transition:color .3s,border-color .3s}
  .svc .go:hover{color:var(--red);border-color:var(--red)}
  .svc .def{font-size:14px;color:var(--ink);line-height:1.45}
  .svc .chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
  .svc .chips em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-3);margin-right:3px}
  .svc .chips span{font-size:12px;padding:3px 8px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2)}
  .svc .proof{font-size:12px;color:var(--ink-3);padding-top:8px;border-top:1px solid var(--line);margin-top:2px}
  @media (max-width:768px){.svc-head{grid-template-columns:1fr}.journey{justify-self:start;max-width:320px}.svc-grid{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){.journey .ring{animation:none;stroke-dashoffset:0}.journey .runner{display:none}}

  /* 홈 섹션 간격 통일 · 남은 소라벨은 무채색 */
  #page-home>section:not(.hero):not(.hm-signal):not(.cta3):not(.cta-red){padding-block:96px}
  #page-home .eyebrow{color:var(--ink-3)}#page-home .eyebrow::before{background:var(--ink-3)}
  #page-home .hm-history .eyebrow{color:var(--sun)}#page-home .hm-history .eyebrow::before{background:var(--sun)}

  /* 모델링 갤러리 */
  .hm-gallery{padding-block:96px;background:var(--bg-2);border-block:1px solid var(--line)}

  .gal-head{grid-template-columns:.9fr 1.1fr;align-items:center}
  .spectrum{width:100%;max-width:640px;justify-self:end}
  .spectrum svg{width:100%;height:auto;overflow:visible}
  .spectrum .n circle{fill:var(--surface);stroke:var(--ink);stroke-width:2}
  .spectrum .t{font-family:var(--display);font-size:15px;fill:var(--ink)}
  .spectrum .k{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;fill:var(--ink-3)}
  .spectrum .ai{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;fill:var(--red)}
  .spectrum .runner{filter:drop-shadow(0 0 8px rgba(217,45,32,.6))}
  .spectrum .arc{stroke:var(--sun);stroke-width:1.5;stroke-dasharray:3 6;opacity:.9}
  .spectrum .t.out{fill:var(--red)}
  .spectrum .pill-l rect{fill:var(--surface);stroke:var(--line);stroke-width:1}
  .spectrum .pill-l text{font-family:var(--display);font-size:13px;fill:var(--ink);letter-spacing:.02em}
  @media (max-width:768px){.gal-head{grid-template-columns:1fr}.spectrum{justify-self:start}}
  @media (prefers-reduced-motion:reduce){.spectrum .runner{display:none}}
  .ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
  .gt{position:relative;margin:0;aspect-ratio:1/1.02;border-radius:var(--radius);overflow:hidden;background:#1a2138;box-shadow:var(--e1);opacity:0;transform:translateY(18px);transition:opacity .7s ease calc(var(--i)*50ms),transform .7s cubic-bezier(.2,.9,.3,1) calc(var(--i)*50ms)}
  .ggrid:not(.pre) .gt{opacity:1;transform:none}
  .ggrid:not(.open) .gt:nth-child(n+9){display:none}
  .ggrid.open .gt:nth-child(n+9){--i:0}
  .gt img,.gt .clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.6,.2,1);filter:saturate(.88)}
  .gt .clip{opacity:0;transition:opacity .5s}
  .gt.playing .clip{opacity:1}
  .gt:hover img{transform:scale(1.04)}
  .gt figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(180deg,transparent,rgba(10,14,28,.78));color:#fff}
  .gt figcaption .st{display:none}
  .gt figcaption b{display:block;font-family:var(--body);font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.01em}
  .gt figcaption small{display:block;font-size:12px;color:#C9CFDC;margin-top:4px;opacity:0;max-height:0;transition:opacity .3s,max-height .3s}
  .gt:hover figcaption small{opacity:1;max-height:3em}
  .gt .gen{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#fff;background:rgba(15,23,42,.45);padding:3px 7px;border-radius:var(--pill)}
  .gfoot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
  .gfoot .world{font-family:var(--display);font-size:22px;color:var(--ink);display:flex;align-items:center;gap:10px}
  .gfoot .world .dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(217,45,32,.14);animation:heroDot 3.2s ease-in-out infinite}
  .gfoot .legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink-2)}
  .gfoot .legend em{font-style:normal;font-size:12px;color:var(--ink-3);margin-left:6px}
  @media (max-width:768px){.ggrid{grid-template-columns:1fr 1fr;gap:10px}.gt figcaption small{opacity:1;max-height:none}.ggrid:not(.open) .gt:nth-child(n+7){display:none}}
  @media (max-width:480px){.ggrid{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){.gt{opacity:1;transform:none}.gt .clip{display:none}.gfoot .world .dot{animation:none}}

  /* 섹션 분리 디바이더 (와이어 + 레드 포인트) */
  .sec-divider{display:flex;align-items:center;gap:14px;width:min(1180px,100% - 40px);margin:0 auto 48px}
  #page-home>section.story{padding-top:36px}
  .sec-divider .ln{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}
  .sec-divider .pt{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(217,45,32,.14);animation:heroDot 3.2s ease-in-out infinite}
  .story{background:var(--bg);border-block:0}
  .story .svc-head h2{font-size:clamp(34px,4.6vw,56px)}
  @media (prefers-reduced-motion:reduce){.sec-divider .pt{animation:none}}

  /* 함께 만드는 사람들 */
  .partners{margin-top:56px;padding-top:56px;border-top:1px solid var(--line)}
  .partners .phead{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:28px}
  .partners .phead h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.15}
  .partners .phead p{color:var(--ink-2);font-size:16px;line-height:1.7;max-width:34em;justify-self:end}
  .partners .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .partners .ptn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px 16px;box-shadow:var(--e1);display:flex;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s}
  .partners .ptn:hover{transform:translateY(-4px);box-shadow:var(--e1h)}
  .partners .ptn .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}
  .partners .ptn h4{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.15}
  .partners .ptn h4 em{font-style:normal;color:var(--red)}
  .partners .ptn .d{font-size:14px;line-height:1.65;color:var(--ink-2);min-height:3.3em}
  .partners .ptn .plist{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:6px}
  .partners .ptn .plist li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);padding:8px 10px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-2)}
  .partners .ptn .plist li::before{content:"";width:18px;height:18px;border-radius:5px;background:var(--line);flex:none}
  .partners .ptn .plist li.real{border-style:solid;background:var(--surface);font-weight:700}
  .partners .ptn .plist li.real::before{background:#F7C6BF}
  .partners .ptn .plist li .todo{margin:0 0 0 auto}
  .partners .ptn .did{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2);line-height:1.5}
  .partners .ptn .did span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-3);margin-bottom:3px}
  .partners .ptn .did .todo{margin:0 0 0 6px}
  .partners .pnote{margin-top:18px;font-size:13px;color:var(--ink-3)}
  @media (max-width:768px){.partners .phead{grid-template-columns:1fr}.partners .phead p{justify-self:start}.partners .pgrid{grid-template-columns:1fr 1fr}}
  @media (max-width:480px){.partners .pgrid{grid-template-columns:1fr}}

  /* 4막 · 새 레이아웃 (좌 텍스트 / 우 2단 포토카드 / 하단 주제 4) */
  .act2{display:grid;grid-template-columns:64px 1fr;gap:28px;padding-block:56px;border-bottom:1px solid var(--line);position:relative}
  .act2 .stepnum{position:sticky;top:96px;align-self:start;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:var(--display);font-size:24px;box-shadow:0 0 0 8px var(--bg)}
  .act2.rv:not(.pre) .stepnum{animation:stepPop .6s cubic-bezier(.2,.9,.3,1) both}
  @keyframes stepPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
  .act2 .kicker .num{display:none}
  .act2:last-of-type{border-bottom:0}
  .act2 .top{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:start}
  .act2 .side{display:grid;gap:14px}
  .act2 .txt .progs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .act2 .policy{margin-top:14px;padding:10px 12px;border-left:3px solid var(--sun);background:var(--bg-2);border-radius:0 10px 10px 0;font-size:13px;line-height:1.6;color:var(--ink-2)}
  .act2 .policy span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--red);margin-bottom:3px}
  .act2 .prog{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--e1);transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s}
  .act2 .prog:hover{transform:translateY(-3px);box-shadow:var(--e1h)}
  .act2 .prog b{font-weight:700}
  .act2 .prog span{color:var(--ink-3);font-size:13px}
  .act2 .kicker .brand{font-family:var(--display);font-size:15px;letter-spacing:.06em;padding:4px 12px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:400}
  .act2 .kicker .role{font-family:var(--body);font-size:13px;letter-spacing:0;color:var(--ink-3)}
  .act2.a2 .stepnum{background:var(--red)}.act2.a3 .stepnum{background:var(--sun);color:var(--ink)}.act2.a4 .stepnum{background:var(--surface);color:var(--ink);border:2px solid var(--ink)}
  .act2 .act-ico{margin-bottom:10px}
  .act2 .kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .act2 .kicker .num{font-family:var(--display);font-size:13px;padding:4px 10px;border-radius:var(--pill);background:var(--ink);color:#fff}
  .act2 .kicker .brand{font-size:13px;font-weight:700;color:var(--red)}
  .act2 .kicker .role{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}
  .act2 h3{margin-top:12px;font-size:clamp(22px,2.4vw,30px);line-height:1.3}
  .act2 h3 .display{font-size:clamp(36px,4vw,52px);margin-right:6px}
  .act2 .sub{margin-top:12px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:var(--ink)}
  .act2 .desc{margin-top:12px;font-size:15px;line-height:1.75;color:var(--ink-2)}
  .act2 .link{display:inline-block;margin-top:16px;font-size:14px;color:var(--red);text-decoration:none;font-weight:700}
  .act2 .cards{display:grid;gap:14px}
  .act2 .fcard{position:relative;margin:0;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--ink);box-shadow:var(--e1h)}
  .act2 .fcard img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.02);transition:transform .9s cubic-bezier(.2,.6,.2,1)}
  .act2 .fcard:hover img{transform:scale(1.04)}
  .act2 .fcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 14px;background:linear-gradient(180deg,transparent,rgba(10,14,28,.82));color:#fff}
  .act2 .fcard figcaption b{display:block;font-family:var(--display);font-weight:400;font-size:18px;line-height:1.15}
  .act2 .fcard figcaption small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#C9CFDC;margin-top:4px}
  .act2 .topics{display:grid;grid-template-columns:auto repeat(4,1fr);gap:12px;align-items:stretch;margin-top:32px}
  .act2 .topics .tl{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);padding:6px 0}
  .act2 .topic{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 14px;box-shadow:var(--e1);transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s}
  .act2 .topic:hover{transform:translateY(-3px);box-shadow:var(--e1h)}
  .act2 .topic b{display:block;font-size:14px;color:var(--ink);line-height:1.35}
  .act2 .topic span{display:block;font-size:12px;color:var(--ink-3);margin-top:5px;line-height:1.5}
  @media (max-width:768px){.act2{grid-template-columns:48px 1fr;gap:16px}.act2 .stepnum{width:48px;height:48px;font-size:18px}.act2 .top{grid-template-columns:1fr}.act2 .topics{grid-template-columns:1fr 1fr}.act2 .topics .tl{grid-column:1/-1;writing-mode:horizontal-tb;transform:none}}
  @media (max-width:480px){.act2 .topics{grid-template-columns:1fr}}

  /* ===== 홈 스타일 가이드 v1 (2026.09) =====
     타이틀: 도현 clamp(34px,3.8vw,52px) 단일 · 히어로/시그널만 명조
     본문: 13 / 15 / 17 세 단계 · 리드 16/1.75 · 라벨 모노 10.5px .16em
     여백: 섹션 96 · sec-head 아래 44 · 카드 gap 14 · 라운드 16 */
  #page-home .sec-head h2.display{font-size:clamp(34px,4.6vw,56px);line-height:1.15}
  #page-home .sec-head{margin-bottom:44px;align-items:center}
  #page-home .sec-head>p,#page-home .sec-head .lead{font-size:16px;line-height:1.75;color:var(--ink-2);max-width:36em}
  #page-home .eyebrow{font-size:11px;letter-spacing:.16em}
  #page-home .model-grid,#page-home .flow,#page-home .svc-grid,#page-home .ggrid,#page-home .stats2,#page-home .partners .pgrid,#page-home #hm-proof .awards ul,#page-home #hm-proof .pub ul{gap:14px;margin-top:0}
  #page-home .svc,#page-home .fs,#page-home .ptn,#page-home .gt,#page-home .fcard,#page-home .st2,#page-home .prog{border-radius:var(--radius)}
  #page-home .fs p,#page-home .svc .def,#page-home .ptn .d{font-size:15px}
  #page-home .fs .out,#page-home .svc .chips span,#page-home .ptn .plist li,#page-home .ptn .did,#page-home .svc .proof,#page-home .gt figcaption small{font-size:13px}
  #page-home .gt figcaption b,#page-home .fcard figcaption b{font-size:17px}
  #page-home .ptn .plist li .tag,#page-home .tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;padding:2px 7px;border-radius:var(--pill);background:var(--sun-tint);color:#7A5A00;margin-left:auto}
  /* C: 갤러리 단계색 폐기 */
  #page-home .gt::before{display:none}
  /* E: 모션 절제 */
  #page-home .mq2 .row{animation-play-state:paused}
  #page-home .mq2:hover .row{animation-play-state:running}
  #page-home .svc-open .tile{animation-iteration-count:1}
  /* A1: 신뢰 밴드 네이비 */
  .hm-trust{background:var(--ink);color:var(--navy-band-ink);border-block:0;position:relative;overflow:hidden}
  .hm-trust .trust-orn{position:absolute;right:-40px;top:-40px;width:min(700px,60vw);height:auto;pointer-events:none}
  .hm-trust>.wrap{position:relative;z-index:1}
  #page-home .hm-trust .sec-head>p{color:#E6E8F0;font-size:17px;text-align:right;align-self:end;justify-self:end}
  #page-home .hm-trust .awards,#page-home .hm-trust .pub{margin-top:44px;padding-top:40px}
  #page-home .hm-trust .awards .eyebrow,#page-home .hm-trust .pub .eyebrow{font-family:var(--display);font-size:16px;letter-spacing:.02em;color:#FBF7F0;margin-bottom:6px}
  #page-home .hm-trust .awards .eyebrow::before,#page-home .hm-trust .pub .eyebrow::before{background:var(--sun);width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,197,49,.18);margin-right:10px}
  #page-home .hm-trust .awards ul,#page-home .hm-trust .pub ul{margin-top:18px}
  .hm-trust .pub{margin-bottom:0;padding-bottom:0}
  @media (prefers-reduced-motion:reduce){.hm-trust .trust-orn animate{display:none}}
  .hm-trust .sec-head h2{color:#FBF7F0}.hm-trust .sec-head>p{color:#E6E8F0;font-size:17px}
  .hm-trust .sec-divider .ln{background:linear-gradient(90deg,transparent,rgba(245,239,230,.25) 20%,rgba(245,239,230,.25) 80%,transparent)}
  .hm-trust .st2,.hm-trust .awards li,.hm-trust .pub li,.hm-trust .ptn{background:rgba(255,255,255,.05);border-color:rgba(245,239,230,.14);box-shadow:none;color:var(--navy-band-ink)}
  .hm-trust .st2 .num,.hm-trust .st2 .lb,.hm-trust .awards b,.hm-trust .pub b,.hm-trust .ptn h4,.hm-trust .ptn .plist li,.hm-trust .ptn .plist li.real,.hm-trust .h.one,.hm-trust .h.one .big,.hm-trust .partners .phead h3{color:#FBF7F0}
  .hm-trust .st2 .src,.hm-trust .awards span,.hm-trust .pub span,.hm-trust .pub .partners,.hm-trust .ptn .d,.hm-trust .ptn .did,.hm-trust .ptn .k,.hm-trust .pnote,.hm-trust .partners .phead p,.hm-trust .h2row .lnk{color:#C9CFDC}
  .hm-trust .eyebrow{color:var(--sun)}.hm-trust .eyebrow::before{background:var(--sun)}
  .hm-trust .awards,.hm-trust .pub,.hm-trust .partners,.hm-trust .ptn .did{border-color:rgba(245,239,230,.14)}
  .hm-trust .ptn .plist li{background:rgba(255,255,255,.04);border-color:rgba(245,239,230,.18)}
  .hm-trust .ptn .plist li.real{background:rgba(255,255,255,.1)}
  .hm-trust .ptn .plist li::before{background:rgba(245,239,230,.25)}
  .hm-trust .mark{background-image:linear-gradient(90deg,rgba(255,197,49,.6) 50%,transparent 50%)}
  .hm-trust .lg{background:var(--navy-band-ink);color:var(--ink)}
  .hm-trust .h2row .lnk{border-bottom-color:rgba(245,239,230,.3)}
  #hm-proof.hm-trust .pub .partners{color:#C9CFDC}
  .hm-trust .ptn:hover{box-shadow:0 12px 30px rgba(0,0,0,.35)}

  /* FAQ · AEO */
  .hm-faq{padding-block:96px}
  .faqs{display:grid;gap:10px;max-width:880px}
  .fq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px;box-shadow:var(--e1)}
  .fq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:16px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
  .fq summary::-webkit-details-marker{display:none}
  .fq summary::after{content:"+";font-family:var(--mono);color:var(--red);font-size:18px;transition:transform .3s}
  .fq[open] summary::after{transform:rotate(45deg)}
  .fq p{padding:0 0 18px;font-size:15px;line-height:1.75;color:var(--ink-2);max-width:44em}

  /* 여백 정렬 보정 */
  #page-home>section#library{background:var(--bg);border-block:0}
  #page-home #library>.wrap>h2.display,#page-home #library>.wrap>.sec-head{margin-top:0}
  #page-home .sec-head.svc-head,#page-home .sec-head.gal-head,#page-home .sec-head.model-head{margin-bottom:44px}
  #page-home .sec-head.model-head{grid-template-columns:.9fr 1.1fr}
  #page-home .sec-head+*{margin-top:0}

  @media (max-width:768px){#page-home .conv-mini{max-width:100%;justify-self:stretch}#page-home .conv-mini p{white-space:normal;text-align:left}}
  @media (max-width:480px){#page-home .cta3 .grid,#page-home .cta3 .ctabs{grid-template-columns:1fr!important}#page-home .cta3 .ctab{min-width:0;width:100%}#page-home .hm-signal .art img{width:100%}}

  /* CTA · 레드 배너 */
  .cta-red{padding-block:96px}
  .cta-red .banner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px;border-radius:var(--radius-lg);background:radial-gradient(70% 90% at 100% 0%,#F04A3F 0%,var(--red) 55%,#B8241A 100%);color:#fff;box-shadow:0 24px 60px rgba(217,45,32,.28);overflow:hidden}
  .cta-red .banner::after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
  .cta-red .banner::before{content:"";position:absolute;right:-40px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}
  .cta-red .eyebrow{color:#FFD7D2}.cta-red .eyebrow::before{background:#FFD7D2}
  .cta-red h2{margin-top:0;font-size:clamp(34px,4.6vw,56px);color:#fff;line-height:1.15}
  .cta-red .l{display:flex;flex-direction:column;justify-content:center}
  .cta-red .l>p{margin-top:14px;color:#FFE4E0;font-size:16px;line-height:1.7;max-width:30em}
  .cta-red .sub{display:flex;gap:10px;margin-top:26px;max-width:460px}
  .cta-red .sub input{flex:1;min-width:0;height:52px;border-radius:var(--pill);border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;padding:0 18px;font-size:15px}
  .cta-red .sub input::placeholder{color:rgba(255,255,255,.7)}
  .cta-red .sub .pill{background:#fff;color:var(--red);border-color:#fff;height:52px;padding:0 22px;flex:none}
  .cta-red .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cta-red .r{position:relative;z-index:1;display:flex;flex-direction:column}
  .cta-red .r .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#FFD7D2}
  .cta-red .links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cta-red .links a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;transition:background .3s,transform .3s}
  .cta-red .links a:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
  .cta-red .links b{font-size:15px}.cta-red .links small{font-size:12px;color:#FFE4E0}
  .cta-red .rtop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
  .cta-red .consult{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);padding:9px 16px;font-size:14px}
  .cta-red .consult:hover{background:rgba(255,255,255,.12)}
  @media (max-width:768px){.cta-red .banner{grid-template-columns:1fr;padding:36px 24px;gap:28px}.cta-red .sub{max-width:100%}}
  @media (max-width:480px){.cta-red .links{grid-template-columns:1fr}.cta-red .sub{flex-direction:column}}

  /* 서비스 카드 · 압정 표찰 + 탑바 + 하단 라벨 */
  .show.svc{overflow:visible;position:relative}
  .show.svc .scr{overflow:hidden}
  .svc .pin{position:absolute;top:-16px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 14px;border-radius:var(--radius-xs);background:#FFF8E1;border:1px solid #E9D89A;box-shadow:0 6px 14px rgba(15,23,42,.14);font-family:var(--display);font-size:15px;color:var(--ink);letter-spacing:.02em}
  .svc .pin i{width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:inset -2px -2px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);position:relative}
  .svc .pin i::after{content:"";position:absolute;left:5px;top:10px;width:2px;height:8px;background:#7A2A25;border-radius:1px}
  .svc .pin::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}
  .svc .pg .nav .lg-img{height:16px;width:auto;display:block}
  .svc .pg .nav .lg-ul{height:20px;width:auto;display:block}
  .svc .pg .nav{height:36px}
  .svc .pg.rw .nav{background:rgba(255,197,49,.95);color:var(--ink);border-radius:var(--radius-sm);padding:6px 10px}
  .svc .pg.rw .nav .btn{background:var(--ink);color:#fff}
  .svc .pg.ul .nav{background:var(--sun);color:var(--ink);border-radius:var(--radius-sm);padding:6px 10px}
  .svc .pg.ul .nav .btn{background:var(--ink);color:#fff}
  .svc .pg.gl .nav{background:#fff;color:var(--gl);border-radius:var(--radius-sm);padding:6px 10px;border:1px solid #DCE4FF}
  .svc .pg .nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .svc .pg .nav .mn{display:none}
  .svc .bd .chips em,.svc .bd .proof em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-3);margin-right:6px;min-width:52px;display:inline-block}
  .svc .bd .chips{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:6px}
  .svc .bd .chips em{padding-top:5px}
  .svc .bd .chips>span{display:inline-block}
  .svc .bd .chips .wrapc{display:flex;flex-wrap:wrap;gap:5px;background:none;padding:0;border-radius:0}
  .svc-grid{padding-top:14px}
  .svc .proof{display:flex;align-items:baseline;gap:6px}

  /* 4단계 카드 구조 통일 */
  #hm-steps .fs{display:flex;flex-direction:column}
  #hm-steps .fs p{flex:1;min-height:calc(1.7em * 6);margin-top:10px}
  #hm-steps .fs .out{min-height:calc(1.5em * 2 + 16px + 14px);margin-top:14px}
  #hm-steps .fs .pol{min-height:calc(1.5em * 2);margin-top:8px}
  #hm-steps .fs .where{align-self:flex-start}

  /* 서비스 카드 · 심플 구성 */
  .svc .feat{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
  .svc .feat li{position:relative;padding-left:16px;font-size:15px;color:var(--ink);line-height:1.5}
  .svc .feat li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--dotc,var(--ink))}
  .svc .bd.rw .feat li::before{background:var(--red)}
  .svc .bd.ul .feat li::before{background:var(--ink)}
  .svc .bd.gl .feat li::before{background:var(--gl)}
  .svc .adopt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
  .svc .adopt em{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--ink-3)}
  .svc .adopt .wrapc{display:flex;flex-wrap:wrap;gap:5px}
  .svc .adopt .wrapc span{font-size:12px;padding:4px 9px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2)}

  /* 라이브러리 · 여백 */
  .lib .search{margin-top:36px}
  .lib .tags{margin-top:18px}
  .lib .grid5{margin-top:32px}
  .lib .pc,.lib .pc *{text-decoration:none}
  .lib .pc .brand{font-family:var(--body);font-weight:700;letter-spacing:0;font-size:12px}

  /* 함께 만드는 사람들 v2 */
  .partners .legend3{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
  .partners .legend3 li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
  .partners .legend3 .tag{margin:0}
  .partners .phead2 h3{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1;color:#FBF7F0}
  .partners .phead2 p{margin-top:12px;color:#C9CFDC;font-size:16px;line-height:1.7}
  .partners .legend2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
  .partners .legend2 li{display:flex;align-items:center;gap:8px;font-size:12px;color:#C9CFDC}
  .partners .legend2 .tag{min-width:44px;text-align:center;margin:0;background:rgba(255,197,49,.18);color:var(--sun);border:1px solid rgba(255,197,49,.35)}
  .partners .ptn .ph{margin:-20px -18px 12px;padding:14px 18px;border-radius:15px 15px 0 0;background:var(--bg-2);border-bottom:1px solid var(--line)}
  .partners .ptn .ph .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}
  .partners .ptn .ph h4{margin:4px 0 0}
  .partners .ptn .d{min-height:3.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .partners .plist-wrap{position:relative}
  .partners .plist{height:calc(40px*3 + 6px*2);overflow:hidden;display:block;margin:2px 0 0;padding:0;list-style:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
  .partners .plist-in{display:grid;gap:6px}
  .partners .plist-wrap.scrollable:hover .plist-in{animation:plistUp 16s linear infinite}
  @keyframes plistUp{to{transform:translateY(calc(-50% - 3px))}}
  .partners .plist li{height:40px;box-sizing:border-box;padding:0 10px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--bg-2)}
  .partners .plist li .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .partners .plist li .tag{margin:0}
  .partners .more-hint{display:block;margin-top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--ink-3);text-align:right}
  @media (max-width:768px){.partners .phead2{grid-template-columns:1fr}.partners .legend2{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){.partners .ptn:hover .plist-in{animation:none}}
  /* ===== 솔루션 v3 · sol- (768/480 단일 중단점) ===== */
  #page-solution .phero .lead strong{display:block;font-weight:700;color:var(--purple-tint);font-size:1.12em;margin-bottom:6px}
  #page-solution .phero .lead{max-width:40em}
  /* 질문형 배너 */
  .sol-q{text-align:center;padding-block:96px 88px}
  .sol-q .eyebrow{color:var(--sun)}.sol-q .eyebrow::before{background:var(--sun)}
  .sol-q h2{margin-top:18px;font-size:clamp(34px,4.6vw,56px);line-height:1.18}
  .sol-q .ask{margin:30px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;line-height:1.2}
  .sol-q .was{font-family:var(--body);font-weight:500;font-size:clamp(17px,2vw,24px);opacity:.55;position:relative}
  .sol-q .was::after{content:"";position:absolute;left:0;top:52%;height:3px;width:0;background:var(--red);border-radius:2px}
  .sol-q .now{font-family:var(--display);font-size:clamp(26px,3.6vw,46px);color:#0E0522}
  .sol-q .now .mark{background:var(--sun);padding:.08em .32em;border-radius:var(--radius-xs)}
  .sol-q .lead{margin:28px auto 0;max-width:40em;font-size:16px;line-height:1.75;color:var(--navy-band-ink);opacity:.85}
  .sol-q h2,.sol-q .was,.sol-q .now,.sol-q .lead,.sol-q .sol-rail,.sol-q .sol-three{opacity:0}
  .sol-q.rv:not(.pre) h2{animation:qUp .7s cubic-bezier(.2,.9,.3,1) both}
  .sol-q.rv:not(.pre) .was{animation:qUp .7s cubic-bezier(.2,.9,.3,1) .35s both}
  .sol-q.rv:not(.pre) .was::after{animation:qStrike .5s cubic-bezier(.6,0,.2,1) 1.15s both}
  .sol-q.rv:not(.pre) .now{animation:qRise .9s cubic-bezier(.2,.9,.3,1) 1.5s both}
  .sol-q.rv:not(.pre) .lead{animation:qUp .8s ease 2.2s both}
  .sol-q.rv:not(.pre) .sol-rail,.sol-q.rv:not(.pre) .sol-three{animation:qUp .8s ease 2.5s both}
  @keyframes qUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @keyframes qRise{from{opacity:0;transform:translateY(46px) scale(.96)}60%{opacity:1;transform:translateY(-6px) scale(1.01)}to{opacity:1;transform:none}}
  @keyframes qStrike{from{width:0}to{width:100%}}
  .sol-three{margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;border-top:1px solid var(--navy-band-line)}
  .sol-three div{padding:26px 10px 0;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--navy-band-line)}
  .sol-three div:first-child{border-left:0}
  .sol-three b{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.8vw,34px);letter-spacing:.04em;color:var(--purple-tint)}
  .sol-three span{font-size:14px;color:var(--navy-band-sub)}
  .sol-rail{list-style:none;margin:44px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;position:relative}
  .sol-rail::before{content:"";position:absolute;left:12.5%;right:12.5%;top:22px;height:2px;background:repeating-linear-gradient(90deg,var(--sun) 0 6px,transparent 6px 12px);opacity:.7}
  .sol-rail li{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding-inline:8px}
  .sol-rail .k{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;background:var(--navy-band);border:2px solid var(--sun);color:var(--sun)}
  .sol-rail b{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.04em}
  .sol-rail span:last-child{font-size:13px;opacity:.75}
  /* 스티키 플랫폼 */
  .sol-sticky{padding-block:24px 40px}
  .sol-sticky .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  .sol-sticky .pin{position:sticky;top:120px;align-self:start;padding-block:56px}
  .sol-sticky .pin h2{margin-top:16px;font-size:clamp(34px,4.6vw,56px);line-height:1.15}
  .sol-sticky .pin p{margin-top:18px;font-size:16px;line-height:1.75;color:var(--ink-2);max-width:26em}
  .sol-sticky .idx{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ink-3)}
  .sol-sticky .idx li{display:flex;align-items:center;gap:12px;transition:color .3s}
  .sol-sticky .idx i{width:28px;height:2px;background:var(--line);transition:background .3s,width .3s}
  .sol-sticky .idx li.on{color:var(--ink)}.sol-sticky .idx li.on i{background:var(--red);width:44px}
  .sol-sticky .scene{min-height:74vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-block:40px;border-bottom:1px solid var(--line);opacity:.28;transform:translateY(12px);transition:opacity .6s,transform .6s}
  .sol-sticky .scene.in{opacity:1;transform:none}
  .sol-sticky .scene:last-child{border-bottom:0}
  .sol-sticky .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .sol-sticky .n{font-family:var(--display);font-size:clamp(72px,9vw,128px);line-height:.95;color:var(--ink);letter-spacing:-.01em}
  .sol-sticky .n em{font-style:normal;font-size:.36em;color:var(--red);margin-left:6px}
  .sol-sticky h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--ink)}
  .sol-sticky p{font-size:16px;line-height:1.75;color:var(--ink-2);max-width:32em;margin:0}
  /* 공간 유형 탭 뷰 */
  .sol-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:-8px}
  .sol-tabs button{font:inherit;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .2s}
  .sol-tabs button span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .sol-tabs button[aria-selected=true]{background:var(--ink);color:var(--purple-tint);border-color:var(--ink)}
  .sol-tabs button[aria-selected=true] span{color:var(--sun)}
  .sol-view{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e1)}
  .sol-view .pane{display:none;grid-template-columns:1.1fr .9fr;min-height:440px}
  .sol-view .pane.on{display:grid;animation:paneIn .5s ease both}
  @keyframes paneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .sol-view .ph{position:relative;background:linear-gradient(135deg,#241245,#0E0522);color:var(--purple-tint);display:grid;place-items:center;text-align:center;font-size:13px;min-height:320px}
  .sol-view .ph .lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.6;margin-bottom:6px}
  .sol-view .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .sol-view .tx{padding:40px 40px 36px;display:flex;flex-direction:column;gap:14px}
  .sol-view .chips{display:flex;gap:8px;flex-wrap:wrap}
  .sol-view .chip{font-family:var(--mono);font-size:11px;letter-spacing:.12em;padding:5px 11px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2)}
  .sol-view .chip.c{background:var(--red-tint);color:var(--red)}.sol-view .chip.l{background:var(--sun-tint);color:var(--ink)}
  .sol-view h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.6vw,32px);line-height:1.25;color:var(--ink)}
  .sol-view p{font-size:15px;line-height:1.75;color:var(--ink-2);margin:0}
  .sol-view dl{margin:auto 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;border-top:1px solid var(--line);padding-top:14px}
  .sol-view dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);padding-top:3px}.sol-view dd{margin:0;color:var(--ink-2)}
  /* 운영 형태 스트립 */
  .sol-forms{margin-top:48px}
  .sol-forms .sol-ribbon{margin:0 0 14px}
  .sol-forms .row{display:grid;grid-template-columns:96px auto auto 1fr auto;gap:18px;align-items:center;padding:14px 8px;border-top:1px solid var(--line);transition:background .2s}
  .sol-forms .row:last-child{border-bottom:1px solid var(--line)}
  .sol-forms .row:hover{background:rgba(255,255,255,.6)}
  .sol-forms .row img{width:96px;height:64px;object-fit:cover;border-radius:var(--radius-sm);display:block}
  .sol-forms .no{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .sol-forms .row b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--ink);white-space:nowrap}
  .sol-forms .row b em{font-style:normal;font-family:var(--display);font-size:26px;letter-spacing:.06em;color:#fff;background:linear-gradient(100deg,var(--purple),var(--purple-2));padding:4px 12px 2px;border-radius:var(--radius-sm);margin-right:12px;vertical-align:middle;line-height:1}
  .sol-forms .one{font-size:14px;color:var(--ink-2);padding-left:10px;border-left:1px solid var(--line)}
  .sol-forms .bd{font-size:12px;font-weight:700;padding:5px 11px;border-radius:var(--pill);white-space:nowrap}
  .sol-forms .bd.go{background:#EEE6FB;color:var(--purple-3)}
  .sol-forms .bd.come{background:var(--purple);color:#fff}
  /* HOW TO SHIP */
  .sol-ship{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
  .sol-ship .who{display:flex;flex-direction:column;gap:8px}
  .sol-ship .who button{font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);transition:all .2s}
  .sol-ship .who button span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}
  .sol-ship .who button b{font-family:var(--display);font-weight:400;font-size:19px;color:var(--ink)}
  .sol-ship .who button[aria-selected=true]{background:var(--ink);border-color:var(--ink)}
  .sol-ship .who button[aria-selected=true] span{color:var(--sun)}.sol-ship .who button[aria-selected=true] b{color:var(--purple-tint)}
  .sol-ship .panel{display:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 40px;box-shadow:var(--e1)}
  .sol-ship .panel.on{display:flex;flex-direction:column;gap:20px;animation:paneIn .5s ease both}
  .sol-ship .q{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px}
  .sol-ship .q s{font-size:16px;color:var(--ink-3);text-decoration-color:var(--red);text-decoration-thickness:2px}
  .sol-ship .q em{font-style:normal;font-family:var(--display);font-size:clamp(24px,2.6vw,32px);color:var(--ink)}
  .sol-ship .panel p{margin:0;font-size:15px;line-height:1.75;color:var(--ink-2);max-width:40em}
  .sol-ship .steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;counter-reset:ss}
  .sol-ship .steps.three{grid-template-columns:repeat(3,1fr)}
  .sol-ship .steps li{background:var(--bg-2);border-radius:var(--radius-sm);padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px;counter-increment:ss;position:relative}
  .sol-ship .steps li::before{content:"STEP " counter(ss,decimal-leading-zero);font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .sol-ship .steps li b{font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.03em;color:var(--ink)}
  .sol-ship .steps li span{font-size:13px;color:var(--ink-2);line-height:1.5}
  .sol-ship dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;border-top:1px solid var(--line);padding-top:16px}
  .sol-ship dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);padding-top:3px}.sol-ship dd{margin:0;color:var(--ink-2)}
  /* 선순환 */
  .sol-cycle{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .sol-cycle .loop svg{width:100%;height:auto;display:block;overflow:visible}
  .sol-cycle .c-ring{animation:ringSpin 40s linear infinite;transform-origin:260px 260px}
  @keyframes ringSpin{to{transform:rotate(360deg)}}
  .sol-cycle .ctr-l{font-family:var(--mono);font-size:11px;letter-spacing:.18em;fill:var(--ink-3)}
  .sol-cycle .ctr{font-family:var(--display);font-size:22px;fill:var(--ink)}
  .sol-cycle .cn circle{fill:var(--surface);stroke:var(--ink);stroke-width:2.5}
  .sol-cycle .cn .t{font-family:var(--body);font-weight:700;font-size:14px;fill:var(--ink)}
  .sol-cycle .cn .s{font-size:12px;fill:var(--ink-3)}
  .sol-cycle .cn{animation:nodeOn 15s linear infinite}
  .sol-cycle .n1{animation-delay:0s}.sol-cycle .n2{animation-delay:3s}.sol-cycle .n3{animation-delay:6s}.sol-cycle .n4{animation-delay:9s}.sol-cycle .n5{animation-delay:12s}
  @keyframes nodeOn{0%,4%{filter:none}6%,18%{filter:drop-shadow(0 0 10px rgba(91,27,199,.55))}22%,100%{filter:none}}
  .sol-cycle .cn:nth-child(n) circle{transition:fill .3s}
  .sol-cycle .str{display:flex;flex-direction:column;gap:12px}
  .sol-cycle .str article{border-top:2px solid var(--ink);padding:18px 0 10px;display:grid;grid-template-columns:auto 1fr;gap:4px 22px;align-items:baseline}
  .sol-cycle .str .k{grid-column:1/-1;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .sol-cycle .str .n{font-family:var(--display);font-size:46px;line-height:1;color:var(--ink);grid-row:span 2}
  .sol-cycle .str .n em{font-style:normal;font-size:.45em;color:var(--ink-2);margin-left:3px}
  .sol-cycle .str b{font-size:16px;color:var(--ink)}.sol-cycle .str span:last-child{font-size:13px;color:var(--ink-3)}
  /* 정책 플립 */
  .sol-flip{margin-top:80px}
  .sol-flip .fh{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;align-items:end;margin-bottom:22px}
  .sol-flip .fh h3{font-size:clamp(26px,3vw,38px);line-height:1.25;font-weight:400}
  .sol-flip .fh p{margin:0;font-size:15px;color:var(--ink-2);max-width:32em}
  .sol-flip .fr{display:block;width:100%;font:inherit;text-align:left;background:none;border:0;padding:0;margin:0 0 10px;perspective:1200px;cursor:pointer;height:96px;position:relative}
  .sol-flip .fr>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 26px;border-radius:var(--radius);border:1px solid var(--line);backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.9,.3,1)}
  .sol-flip .front{background:var(--surface)}
  .sol-flip .back{background:var(--ink);color:var(--purple-tint);border-color:var(--ink);transform:rotateX(180deg)}
  .sol-flip .fr:hover .front,.sol-flip .fr:focus-visible .front,.sol-flip .fr.on .front{transform:rotateX(-180deg)}
  .sol-flip .fr:hover .back,.sol-flip .fr:focus-visible .back,.sol-flip .fr.on .back{transform:rotateX(0)}
  .sol-flip .fr b{font-size:16px;line-height:1.4}
  .sol-flip .front b{color:var(--ink)}.sol-flip .front>span{font-size:14px;color:var(--ink-3)}
  .sol-flip .back>span{font-size:14px;color:#B9AED3}
  .sol-flip .back i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:3px 8px;border-radius:var(--pill);background:var(--sun);color:#0E0522;margin-left:8px;vertical-align:middle}
  .sol-flip .proof{margin:22px 0 0;font-size:13px;line-height:1.7;color:var(--ink-3)}
  @media (prefers-reduced-motion:reduce){.sol-q h2,.sol-q .was,.sol-q .now,.sol-q .lead,.sol-q .sol-rail,.sol-q .sol-three{opacity:1;animation:none}.sol-q .was::after{width:100%}.sol-sticky .scene{opacity:1;transform:none}.sol-cycle .cn,.sol-cycle .c-ring{animation:none}}
  @media (max-width:768px){
    .sol-three{grid-template-columns:1fr;border:0}.sol-three div{border:0;border-top:1px solid var(--navy-band-line);padding:18px 0 0}
    .sol-rail{grid-template-columns:repeat(2,1fr);gap:24px 0}.sol-rail::before{display:none}
    .sol-sticky .wrap{grid-template-columns:1fr;gap:0}.sol-sticky .pin{position:static;padding-block:40px 8px}.sol-sticky .idx{display:none}.sol-sticky .scene{min-height:0;opacity:1;transform:none;padding-block:32px}
    .sol-view .pane{grid-template-columns:1fr}.sol-view .ph{min-height:240px}.sol-view .tx{padding:26px 24px}
    .sol-forms .row{grid-template-columns:72px 1fr auto;grid-template-areas:"img title bd" "img one bd"}.sol-forms .row img{width:72px;height:52px;grid-area:img}.sol-forms .no{display:none}.sol-forms .row b{grid-area:title;white-space:normal;font-size:18px}.sol-forms .one{grid-area:one;border:0;padding-left:0}.sol-forms .bd{grid-area:bd}
    
    .sol-ship{grid-template-columns:1fr}.sol-ship .who{flex-direction:row;overflow-x:auto}.sol-ship .who button{min-width:200px}.sol-ship .steps,.sol-ship .steps.three{grid-template-columns:1fr 1fr}.sol-ship .panel{padding:26px 24px}
    .sol-cycle{grid-template-columns:1fr}.sol-flip .fh{grid-template-columns:1fr}.sol-flip .fr{height:112px}
  }
  @media (max-width:480px){
    .sol-rail{grid-template-columns:1fr}
    .sol-ship .steps,.sol-ship .steps.three{grid-template-columns:1fr}
    .sol-flip .fr{height:132px}.sol-flip .fr>span{padding:0 18px}
    .sol-view dl,.sol-ship dl{grid-template-columns:1fr}
  }

  /* --- 왜 · 보색(선) 배너 + 경험 3타일 --- */
  .sol-intro{background:var(--sun);color:#0E0522;min-height:min(34vh,250px);display:flex;align-items:center;padding-block:30px;position:relative;overflow:hidden}
  .sol-intro::before{content:"";position:absolute;inset:auto -6% -40% auto;width:52vw;max-width:760px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none}
  .sol-intro .wrap{width:100%;position:relative}
  .sol-intro .rot{position:relative;min-height:110px}
  .sol-intro .ln{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;opacity:0;transform:translateY(40px);transition:opacity .75s cubic-bezier(.2,.9,.3,1),transform .75s cubic-bezier(.2,.9,.3,1);pointer-events:none}
  .sol-intro .ln small{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--sun);padding-left:26px;position:relative}
  .sol-intro .ln small::before{content:"";position:absolute;left:0;top:50%;width:16px;height:1.5px;background:var(--sun)}
  .sol-intro .ln span{font-family:var(--body);font-weight:700;font-size:clamp(20px,2.4vw,32px);line-height:1.45;letter-spacing:-.02em}
  .sol-intro .ln em{font-style:normal;color:var(--sun)}
  .sol-intro .ln.serif span{font-family:"Gowun Batang","Noto Serif KR",serif;font-weight:700;font-size:clamp(19px,2.2vw,29px);letter-spacing:0}
  .sol-intro .ln.serif em{font-weight:700}
  .sol-intro .ln.on{opacity:1;transform:none;transition-delay:.1s;transition-duration:.45s}
  .sol-intro .ln.out{opacity:0;transform:translateY(-30px);transition-duration:.3s}
  .sol-intro .ctr{position:absolute;left:0;bottom:-14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:8px;opacity:.7}
  .sol-intro .ctr b{font-weight:400;font-size:18px;letter-spacing:0;line-height:1}
  .sol-intro .ctr i{width:34px;height:1px;background:currentColor;display:block}
  .sol-intro .dots{position:absolute;right:28px;bottom:18px;display:flex;gap:8px}
  .sol-intro .dots button{width:9px;height:9px;border-radius:50%;border:1.5px solid #fff;background:transparent;padding:0;cursor:pointer;transition:all .25s;opacity:.85}
  .sol-intro .dots button[aria-selected=true]{background:#fff;width:22px;border-radius:var(--radius-xs)}
  .sol-xp-copy{font-size:16px;line-height:1.6;color:var(--ink-2)}
  .sol-xp-copy strong{display:block;font-size:clamp(18px,1.7vw,22px);font-weight:700;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}
  .sol-ribbon{margin-top:22px;display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line)}
  .sol-ribbon .tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;padding:4px 9px;border-radius:var(--pill);background:var(--red);color:#fff;flex:none}
  .sol-ribbon p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}
  @media (max-width:480px){.sol-ribbon{align-items:flex-start}}
  .sol-xp{padding-block:80px 64px}
  .sol-xp .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .sol-xp .tile{display:flex;flex-direction:column;gap:14px}
  .sol-xp .gfx{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--ink);box-shadow:var(--e1);transition:transform .35s,box-shadow .35s}
  .sol-xp .tile:hover .gfx{transform:translateY(-4px);box-shadow:var(--e1h)}
  .sol-xp .gfx svg{width:100%;height:100%;display:block}
  .sol-xp .cap{display:flex;align-items:baseline;gap:12px;padding:0 4px}
  .sol-xp .cap b{font-family:var(--display);font-weight:400;font-size:clamp(20px,2vw,26px);letter-spacing:.05em;color:var(--ink)}
  .sol-xp .cap span{font-size:14px;color:var(--ink-3)}
  .sol-xp .tile p{margin:0;padding:0 4px;font-size:15px;line-height:1.7;color:var(--ink-2)}
  /* immersive */
  .sol-xp .im .depth{transform-origin:200px 125px;animation:imDepth 6s ease-in-out infinite}
  .sol-xp .im .glow{animation:imGlow 6s ease-in-out infinite}
  .sol-xp .im .walker{animation:imWalk 6s ease-in-out infinite;transform-origin:200px 215px}
  @keyframes imDepth{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
  @keyframes imGlow{0%,100%{opacity:.35}50%{opacity:.9}}
  @keyframes imWalk{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-34px) scale(.7)}}
  /* interactive */
  .sol-xp .it .q{font-family:var(--body);font-weight:700;font-size:15px;fill:var(--purple-tint)}
  .sol-xp .it .ot{font-family:var(--body);font-size:13px;fill:var(--purple-tint)}
  .sol-xp .it .opt rect{transition:fill .3s}
  .sol-xp .it .cursor{animation:itCursor 6s ease-in-out infinite}
  .sol-xp .it .ripple{opacity:0;animation:itRipple 6s ease-out infinite}
  .sol-xp .it .b rect{animation:itPick 6s ease-in-out infinite}
  .sol-xp .it .b .ot{animation:itPickT 6s ease-in-out infinite}
  @keyframes itCursor{0%{transform:translate(300px,60px)}30%{transform:translate(250px,152px)}36%{transform:translate(250px,152px) scale(.85)}42%,70%{transform:translate(250px,152px)}100%{transform:translate(300px,60px)}}
  @keyframes itRipple{0%,33%{r:6;opacity:0}36%{r:6;opacity:1}50%{r:34;opacity:0}100%{r:34;opacity:0}}
  @keyframes itPick{0%,34%{fill:var(--purple-tint);fill-opacity:.08;stroke:var(--purple-tint)}38%,78%{fill:var(--purple-light);fill-opacity:1;stroke:var(--purple-light)}84%,100%{fill:var(--purple-tint);fill-opacity:.08;stroke:var(--purple-tint)}}
  @keyframes itPickT{0%,34%{fill:var(--purple-tint)}38%,78%{fill:#0E0522}84%,100%{fill:var(--purple-tint)}}
  /* playable */
  .sol-xp .pl .hud{font-family:var(--mono);font-size:11px;letter-spacing:.18em;fill:var(--purple-tint);opacity:.7}
  .sol-xp .pl .hud-r{fill:var(--purple-light);opacity:1}
  .sol-xp .pl .nt{font-family:var(--mono);font-size:11px;fill:var(--purple-tint)}
  .sol-xp .pl .trail{animation:plTrail 6s linear infinite}
  @keyframes plTrail{0%{stroke-dashoffset:520}90%,100%{stroke-dashoffset:0}}
  .sol-xp .pl .nd circle{animation:plNode 6s linear infinite;transform-origin:center}
  .sol-xp .pl .n4 circle{animation-delay:3.6s}.sol-xp .pl .n5 circle{animation-delay:5s}
  @keyframes plNode{0%,2%{stroke:var(--purple-tint);stroke-opacity:.35}4%,100%{stroke:var(--purple-light);stroke-opacity:1}}
  .sol-xp .pl .ct{font-family:var(--mono);font-size:11px;letter-spacing:.14em;fill:#0E0522;font-weight:700}
  .sol-xp .pl .clear{opacity:0;transform:translateY(8px);animation:plClear 6s ease-out infinite}
  @keyframes plClear{0%,86%{opacity:0;transform:translateY(8px)}92%,100%{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.sol-xp .gfx *{animation:none!important}.sol-intro .ln{transition:none}}
  @media (max-width:768px){
    .sol-intro .rot{min-height:150px}.sol-intro .ln span{font-size:clamp(18px,4.8vw,24px)}.sol-intro .ln.serif span{font-size:clamp(17px,4.4vw,22px)}
    .sol-xp .tiles{grid-template-columns:1fr}
  }
  @media (max-width:480px){.sol-intro{min-height:0;padding-block:32px 44px}.sol-intro .rot{min-height:200px}.sol-intro .dots{right:16px;bottom:14px}}

  /* ===== 솔루션 카테고리 컬러 · BUILD YOUR FUTURE 팔레트 (dark) ===== */
  #page-solution{
    --bg:#FBFAFF;--bg-2:#F2EDFA;--surface:#FFFFFF;
    --ink:#0E0522;--ink-2:#362A4E;--ink-3:#76698F;--line:#E4DCF1;
    --red:#5B1BC7;--red-2:var(--purple);--red-tint:#EEE6FB;
    --sun:#D2B8FF;--sun-tint:#EFE7FF;
    --navy-band:#07030F;--navy-band-ink:var(--purple-tint);--navy-band-mute:#B3A7CF;--navy-band-line:#241642;--wire:var(--purple-tint);
    background:var(--bg);color:var(--ink)}
  #page-solution .phero.navy{background:radial-gradient(120% 90% at 85% 10%,#1F0A4F 0%,#07030F 55%)}
  #page-solution .phero.navy .big{color:#5B1BC7;opacity:.18}
  #page-solution .pill.on-dark{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));color:#fff;box-shadow:0 10px 26px -12px rgba(70,17,166,.9)}
  #page-solution .pill.on-dark:hover{background:linear-gradient(100deg,var(--purple),#5B1BC7)}
  #page-solution .pill.line{border-color:rgba(245,241,255,.55);color:var(--purple-tint)}
  #page-solution .band.navy{background:#07030F}
  #page-solution .sol-q .now .mark{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));color:#fff}
  #page-solution .sol-q .eyebrow{color:#B99BFF}#page-solution .sol-q .eyebrow::before{background:#B99BFF}
  #page-solution .sol-intro{color:#fff;background:
      radial-gradient(60% 120% at 12% 0%,rgba(122,60,255,.55),transparent 60%),
      radial-gradient(50% 110% at 88% 100%,rgba(212,184,255,.28),transparent 60%),
      radial-gradient(40% 90% at 60% 40%,rgba(28,8,80,.9),transparent 70%),
      linear-gradient(100deg,#1A0741 0%,#2B0C6E 45%,var(--purple) 100%)}
  #page-solution .sol-intro::before{background:radial-gradient(closest-side,rgba(255,255,255,.14),rgba(255,255,255,0))}
  #page-solution .sol-intro::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 50%,transparent 55%,rgba(5,2,14,.55) 100%);pointer-events:none}
  #page-solution .sol-intro{background-size:100% 100%,100% 100%,100% 100%,220% 100%;animation:introDrift 18s ease-in-out infinite alternate}
  @keyframes introDrift{from{background-position:0 0,0 0,0 0,0% 50%}to{background-position:0 0,0 0,0 0,100% 50%}}
  #page-solution .sol-intro .wrap{position:relative;z-index:1}
  #page-solution .sol-intro .ctr{color:#fff}
  #page-solution .sol-intro .dots{z-index:1}
  #page-solution .sol-intro .dots button{border-color:#fff}#page-solution .sol-intro .dots button[aria-selected=true]{background:#fff}
  #page-solution .mcta{background:linear-gradient(100deg,var(--purple),var(--purple-2))}
  #page-solution .sol-xp .gfx{background:#0E0522}
  #page-solution .sol-tabs button[aria-selected=true],#page-solution .sol-ship .who button[aria-selected=true]{background:var(--purple);border-color:var(--purple)}
  #page-solution .sol-tabs button[aria-selected=true] span,#page-solution .sol-ship .who button[aria-selected=true] span{color:#D2B8FF}
  #page-solution .sol-flip .back{background:var(--purple);border-color:var(--purple)}
  #page-solution .sol-flip .back i{background:#fff;color:var(--purple)}
  #page-solution .sol-flip .back>span{color:#D9CBFF}
  #page-solution .sol-view .chip.c{background:#EEE6FB;color:var(--purple-3)}
  #page-solution .sol-rail .k{background:#07030F;border-color:#9B6BFF;color:#B99BFF}

  /* --- 세 방향 · 3D 조감도 스테이지 --- */
  .sol-iso3 .wrap{grid-template-columns:1.18fr .82fr;gap:48px}
  .sol-iso3 .pin{padding-block:28px;top:90px}
  .sol-iso3 .sol-stage{position:relative;margin-top:16px;max-width:min(100%,calc(100vh - 300px));border-radius:var(--radius);overflow:hidden;background:#07030F;box-shadow:0 30px 60px -30px rgba(20,5,60,.8);aspect-ratio:1000/1020}
  .sol-iso3 .sol-stage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.9,.3,1),filter .8s}
  .sol-iso3 .sol-stage[data-mode="0"] img{transform:scale(1.02)}
  .sol-iso3 .sol-stage[data-mode="1"] img{transform:scale(1.05)}
  .sol-iso3 .sol-stage[data-mode="2"] img{transform:scale(1);filter:saturate(1.15) brightness(1.06)}
  .sol-iso3 .spot{position:absolute;width:24%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(210,184,255,.42),rgba(210,184,255,0));opacity:0;transition:opacity .8s;pointer-events:none;mix-blend-mode:screen}
  .sol-iso3 .s-class{left:22%;top:16%}.sol-iso3 .s-rooms{left:60%;top:19%}.sol-iso3 .s-wall{left:41%;top:28%}.sol-iso3 .s-studio{left:79%;top:31%}.sol-iso3 .s-tent{left:21%;top:47%}.sol-iso3 .s-trail{left:35%;top:62%}.sol-iso3 .s-track{left:45%;top:78%;width:34%}
  .sol-iso3 .sol-stage[data-mode="0"] .s-class,.sol-iso3 .sol-stage[data-mode="0"] .s-rooms,.sol-iso3 .sol-stage[data-mode="0"] .s-wall,.sol-iso3 .sol-stage[data-mode="0"] .s-tent{opacity:1;animation:spotPulse 3.2s ease-in-out infinite}
  .sol-iso3 .sol-stage[data-mode="1"] .s-studio,.sol-iso3 .sol-stage[data-mode="1"] .s-trail,.sol-iso3 .sol-stage[data-mode="1"] .s-wall{opacity:1;animation:spotPulse 3.2s ease-in-out infinite}
  .sol-iso3 .sol-stage[data-mode="2"] .s-track,.sol-iso3 .sol-stage[data-mode="2"] .s-class{opacity:.9;animation:spotPulse 3.2s ease-in-out infinite}
  @keyframes spotPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}
  .sol-iso3 .hot{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 8px;border-radius:var(--pill);background:rgba(7,3,15,.82);border:1px solid rgba(210,184,255,.5);color:var(--purple-tint);font-size:12px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;opacity:0;transition:opacity .6s,transform .6s;pointer-events:none;backdrop-filter:blur(4px)}
  .sol-iso3 .hot i{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,197,49,.25)}
  .sol-iso3 .h-class{left:24%;top:9%}.sol-iso3 .h-rooms{left:62%;top:12%}.sol-iso3 .h-wall{left:41%;top:21%}.sol-iso3 .h-tent{left:20%;top:40%}.sol-iso3 .h-studio{left:76%;top:25%}.sol-iso3 .h-trail{left:37%;top:56%}.sol-iso3 .h-track{left:45%;top:73%}.sol-iso3 .h-port{left:64%;top:52%}
  .sol-iso3 .sol-stage[data-mode="0"] .hot[data-m~="0"],.sol-iso3 .sol-stage[data-mode="1"] .hot[data-m~="1"],.sol-iso3 .sol-stage[data-mode="2"] .hot[data-m~="2"]{opacity:1;transform:translate(-50%,-50%)}
  .sol-iso3 .sol-stage[data-mode="2"] .h-port{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));border-color:transparent}
  .sol-iso3 .steps{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .sol-iso3 .steps button{font:inherit;font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .25s;text-align:left}
  .sol-iso3 .steps button span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3)}
  .sol-iso3 .steps button[aria-selected=true]{background:var(--purple);border-color:var(--purple);color:#fff}
  .sol-iso3 .steps button[aria-selected=true] span{color:#D2B8FF}
  .sol-iso3 .scene{min-height:80vh}
  .sol-iso3 .scenes .scene:last-child{min-height:92vh}
  .sol-iso3 .steps{max-width:min(100%,calc(100vh - 300px))}
  @media (max-width:768px){
    .sol-iso3 .wrap{grid-template-columns:1fr}.sol-iso3 .pin{position:static;padding-block:40px 8px}
    .sol-iso3 .hot{font-size:11px;padding:4px 8px 4px 6px}
    .sol-iso3 .steps{grid-template-columns:1fr 1fr 1fr}.sol-iso3 .steps button{font-size:12px;padding:10px}
    .sol-iso3 .scene{min-height:0}
  }
  @media (max-width:480px){.sol-iso3 .steps{grid-template-columns:1fr}.sol-iso3 .hot i{display:none}}

  .sol-iso3 .sol-stage-v{aspect-ratio:16/10;max-width:100%;margin-top:0}
  .sol-iso3 .sol-iso3-head{display:block;padding-top:64px;padding-bottom:0}
  .sol-iso3 .sol-iso3-head .sec-head{margin-bottom:8px}
  .sol-iso3 .pin{padding-top:12px}
  .sol-iso3 .sol-stage-v video{width:100%;height:100%;object-fit:cover;display:block}
  .sol-iso3 .vcap{position:absolute;left:16px;bottom:22px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:var(--pill);background:rgba(7,3,15,.82);border:1px solid rgba(210,184,255,.5);color:var(--purple-tint);font-size:13px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;backdrop-filter:blur(4px)}
  .sol-iso3 .vcap i{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,197,49,.25)}
  .sol-iso3 .sol-stage-v[data-cap="0"] .vcap[data-m="0"],.sol-iso3 .sol-stage-v[data-cap="1"] .vcap[data-m="1"],.sol-iso3 .sol-stage-v[data-cap="2"] .vcap[data-m="2"],.sol-iso3 .sol-stage-v[data-cap="3"] .vcap[data-m="3"],.sol-iso3 .sol-stage-v:not([data-cap]) .vcap[data-m="0"]{opacity:1;transform:none}
  .sol-iso3 .vcap[data-m="3"]{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));border-color:transparent}
  .sol-iso3 .vbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.15)}
  .sol-iso3 .vbar b{display:block;height:100%;width:0;background:var(--sun)}
  .sol-iso3 .steps{max-width:100%}

  /* --- 공간 유형 · 도면 토글 / 룸즈 그리드 / 텍스트 배경 --- */
  .sol-view .tx{position:relative;overflow:hidden}
  .sol-view .tx::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:.13;filter:saturate(.7)}
  .sol-view .tx::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.9) 70%)}
  .sol-view .tx>*{position:relative;z-index:1}
  .sol-view .plans{background:#FFFFFF;display:block;position:relative;overflow:hidden}
  .sol-view .plans img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.2,.9,.3,1);transform:scale(1.03)}
  .sol-view .plans[data-p="25"] img.p25,.sol-view .plans[data-p="50"] img.p50{opacity:1;transform:none}
  .sol-view .ptabs{position:absolute;left:18px;top:16px;display:flex;gap:6px;z-index:2}
  .sol-view .ptabs button{font:inherit;font-size:13px;font-weight:700;padding:6px 12px;border-radius:var(--pill);border:1px solid var(--line);background:rgba(255,255,255,.9);color:var(--ink-2);cursor:pointer;box-shadow:var(--e1)}
  .sol-view .ptabs button[aria-selected=true]{background:var(--purple);color:#fff;border-color:var(--purple)}
  .sol-view .pnote{position:absolute;left:18px;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(14,5,34,.86);color:var(--purple-tint);backdrop-filter:blur(4px);opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;z-index:2}
  .sol-view .pnote b{font-size:14px}.sol-view .pnote span{font-size:12px;color:#D2B8FF}
  .sol-view .plans[data-p="25"] .pnote.p25,.sol-view .plans[data-p="50"] .pnote.p50{opacity:1;transform:none}
  .sol-view .rooms{display:block;position:relative;background:#fff;min-height:320px}
  .sol-view .rooms img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .sol-view .rlegend{position:absolute;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
  .sol-view .rlegend span{font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--pill);background:rgba(14,5,34,.85);color:var(--purple-tint);backdrop-filter:blur(4px)}
  .sol-view .quad{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:stretch;gap:3px;background:#07030F;min-height:440px}
  .sol-view .quad figure{margin:0;position:relative;overflow:hidden}
  .sol-view .quad img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .sol-view .quad figure:hover img{transform:scale(1.05)}
  .sol-view .quad figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(7,3,15,.85));color:var(--purple-tint);font-size:12px;font-weight:700}
  @media (max-width:768px){.sol-view .quad{min-height:380px}.sol-view .quad figcaption{font-size:11px}}

  /* --- BUILD YOUR FUTURE 헤더 · 라이트 레일 · 4 BUILD 카드 --- */
  .sol-rail.light{margin:8px auto 0;max-width:1100px;opacity:1;padding-top:44px}
  .sol-rail.light::before{top:66px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px);opacity:.5}
  .sol-rail.light li{position:relative}
  .sol-rail.light .k{background:var(--surface);border-color:var(--ink);color:var(--ink);font-weight:700}
  .sol-rail.light b{color:var(--ink);font-size:22px}
  .sol-rail.light span:last-of-type{color:var(--ink-2);opacity:1}
  .sol-rail.light .arc{position:absolute;left:50%;top:-44px;width:calc(100% + 0px);height:60px;color:var(--ink-3);pointer-events:none}
  .sol-rail.light .arc svg{position:absolute;inset:0;width:100%;height:100%}
  .sol-rail.light .arc em{position:absolute;left:50%;top:-6px;transform:translateX(-50%);font-style:normal;font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap;background:var(--bg);padding:2px 8px;border-radius:var(--radius-xs)}
  .sol-rail.light .world{position:absolute;left:calc(50% + 34px);top:22px;font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--red);white-space:nowrap}
  .sol-builds{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .sol-builds article{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:22px 20px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:6px 6px 0 var(--ink);transition:transform .2s}
  .sol-builds article:hover{transform:translate(-2px,-2px)}
  .sol-builds h3{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.02em;color:var(--ink)}
  .sol-builds h3 em{font-style:normal;color:var(--red)}
  .sol-builds b{font-size:15px;color:var(--ink);border-left:3px solid var(--ink);padding-left:8px}
  .sol-builds p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-3)}
  .sol-builds .bfoot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:14px;font-weight:700;color:var(--ink)}
  .story .acts{margin-top:56px}
  @media (max-width:768px){.sol-builds{grid-template-columns:1fr 1fr}.sol-rail.light{padding-top:20px}.sol-rail.light .arc,.sol-rail.light .world{display:none}}
  @media (max-width:480px){.sol-builds{grid-template-columns:1fr}}

  /* --- HOW TO SHIP 타이틀 · 레일 모션 --- */
  #story .sec-head h2 .sub{display:block;font-size:.58em;letter-spacing:.12em;color:var(--red);margin-bottom:.1em;white-space:nowrap}
  .sol-ship-head{grid-template-columns:1fr;text-align:center;justify-items:center}
  .sol-ship-head h2{text-align:center}
  .sol-rail.anim{overflow:visible}
  .sol-rail.anim li:not(.runner) .k{animation:railNode 8s ease-in-out infinite;box-shadow:0 0 0 0 rgba(91,27,199,0)}
  .sol-rail.anim li:nth-child(2) .k{animation-delay:0s}.sol-rail.anim li:nth-child(3) .k{animation-delay:2s}.sol-rail.anim li:nth-child(4) .k{animation-delay:4s}.sol-rail.anim li:nth-child(5) .k{animation-delay:6s}
  @keyframes railNode{0%,3%{transform:scale(1);background:var(--surface);color:var(--ink);box-shadow:0 0 0 0 rgba(91,27,199,0)}8%,22%{transform:scale(1.22);background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 0 0 10px rgba(91,27,199,.15)}30%,100%{transform:scale(1);background:var(--surface);color:var(--ink);box-shadow:0 0 0 0 rgba(91,27,199,0)}}
  .sol-rail.anim li:not(.runner) b{animation:railWord 8s ease-in-out infinite}
  .sol-rail.anim li:nth-child(2) b{animation-delay:0s}.sol-rail.anim li:nth-child(3) b{animation-delay:2s}.sol-rail.anim li:nth-child(4) b{animation-delay:4s}.sol-rail.anim li:nth-child(5) b{animation-delay:6s}
  @keyframes railWord{0%,3%{color:var(--ink);transform:none}8%,22%{color:var(--purple);transform:translateY(-3px)}30%,100%{color:var(--ink);transform:none}}
  .sol-rail.anim .runner{position:absolute;left:12.5%;top:66px;width:0;height:0;padding:0;pointer-events:none;animation:railRun 8s linear infinite}
  .sol-rail.anim .runner i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,197,49,.3),0 0 18px rgba(255,197,49,.8)}
  @keyframes railRun{0%{left:12.5%}22%{left:37.5%}25%{left:37.5%}47%{left:62.5%}50%{left:62.5%}72%{left:87.5%}78%{left:87.5%;opacity:1}86%{left:100%;opacity:0}100%{left:12.5%;opacity:0}}
  .sol-rail.light .arc svg path:first-child{stroke-dasharray:6 6;animation:arcFlow 1.2s linear infinite}
  @keyframes arcFlow{to{stroke-dashoffset:-24}}
  .sol-rail.light .world{animation:worldNudge 1.6s ease-in-out infinite}
  @keyframes worldNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
  .sol-rail.light .arc em{animation:arcTag 8s ease-in-out infinite}
  @keyframes arcTag{0%,44%{background:var(--bg);color:var(--ink-2)}50%,62%{background:var(--sun);color:#0E0522}70%,100%{background:var(--bg);color:var(--ink-2)}}
  @media (prefers-reduced-motion:reduce){.sol-rail.anim *{animation:none!important}.sol-rail.anim .runner{display:none}}

  /* --- 1단계 SPACE BUILD (기획안 8p) --- */
  .sol-act1 .body2{display:block}
  .sol-act1 .head h3{font-family:var(--body);font-weight:700;font-size:clamp(20px,2.1vw,27px);line-height:1.35;letter-spacing:-.02em;color:var(--ink);margin-top:14px}
  .sol-act1 .head h3 em{font-style:normal;font-family:var(--display);font-weight:400;color:var(--red);letter-spacing:.02em;font-size:1.15em;margin-right:6px}
  .sol-act1 .head .desc{margin-top:10px;font-size:15px;color:var(--ink-2)}
  .sol-act1 .grid{display:grid;grid-template-columns:320px 1fr;gap:20px;margin-top:26px;align-items:stretch}
  .sol-act1 .radius{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}
  .sol-act1 .radius .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--red)}
  .sol-act1 .radius svg{width:100%;max-width:290px;height:auto;overflow:visible}
  .sol-act1 .ring{fill:none;stroke:var(--red);stroke-opacity:.35;stroke-width:1.2}
  .sol-act1 .r1{stroke-opacity:.55}.sol-act1 .r3{stroke-dasharray:3 4}
  .sol-act1 .axis{stroke:var(--red);stroke-width:1;stroke-dasharray:3 3;opacity:.6}.sol-act1 .axis-head{fill:var(--red)}
  .sol-act1 .core{animation:coreBreath 4s ease-in-out infinite;transform-origin:160px 160px}
  @keyframes coreBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  .sol-act1 .ct{font-family:var(--display);font-size:20px;fill:#fff}.sol-act1 .cs{font-family:var(--mono);font-size:9px;letter-spacing:.14em;fill:#E4D6FF}
  .sol-act1 .dot circle{fill:var(--red)}
  .sol-act1 .dot text{font-family:var(--body);font-size:12px;font-weight:700;fill:var(--ink)}
  .sol-act1 .dot{animation:dotIn .8s cubic-bezier(.2,.9,.3,1) both}
  .sol-act1 .rv:not(.pre) .dot,.sol-act1.rv:not(.pre) .dot{animation-play-state:running}
  .sol-act1 .d1{animation-delay:.3s}.sol-act1 .d2{animation-delay:.6s}.sol-act1 .d3{animation-delay:.9s}.sol-act1 .d4{animation-delay:1.2s}
  @keyframes dotIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .sol-act1 .radius .cap{margin:6px 0 0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
  .sol-act1 .radius .cap span{font-size:13px;color:var(--ink-2)}
  .sol-act1 .radius .cap b{font-size:17px;color:var(--ink)}
  .sol-act1 .places{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:10px}
  .sol-act1 .places figure{margin:0;position:relative;border-radius:var(--radius-sm);overflow:hidden;background:#07030F;min-height:170px}
  .sol-act1 .places img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .sol-act1 .places figure:hover img{transform:scale(1.05)}
  .sol-act1 .places figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(7,3,15,.88));color:var(--purple-tint);display:flex;flex-direction:column;gap:1px}
  .sol-act1 .places small{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#D2B8FF}
  .sol-act1 .places b{font-family:var(--display);font-weight:400;font-size:18px}
  .sol-act1 .places span{font-size:12px;color:#D9CBFF}
  @media (max-width:768px){.sol-act1 .grid{grid-template-columns:1fr}.sol-act1 .places{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sol-act1 .places figure{min-height:150px}}
  @media (max-width:480px){.sol-act1 .places{grid-template-columns:1fr}}

  .sol-act1 .head h3 .mark{padding-inline:.12em}
  .sol-act1 .head h3 strong.mark{font-weight:700}
  .sol-act1 .radius svg{max-width:320px;overflow:hidden}
  .sol-act1 .stage3d .orb{transform-origin:170px 176px}
  .sol-act1 .stage3d .o1{animation:orbSpin 14s linear infinite}
  .sol-act1 .stage3d .o2{animation:orbSpin 22s linear infinite reverse}
  .sol-act1 .stage3d .o3{animation:orbSpin 30s linear infinite}
  @keyframes orbSpin{to{stroke-dashoffset:-120}}
  .sol-act1 .core{transform-origin:170px 150px}
  .sol-act1 .dot .halo{fill:none;stroke:var(--red);stroke-opacity:.35;stroke-width:1.5;animation:haloPulse 2.8s ease-out infinite;transform-origin:center;transform-box:fill-box}
  @keyframes haloPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
  .sol-act1 .d2 .halo{animation-delay:.7s}.sol-act1 .d3 .halo{animation-delay:1.4s}.sol-act1 .d4 .halo{animation-delay:2.1s}
  .sol-act1 .sat{filter:drop-shadow(0 0 4px rgba(255,197,49,.9))}

  .sol-act1 .radius svg{max-width:300px;overflow:visible}
  .sol-act1 .stepbadge{display:inline-flex;align-items:center;gap:6px;padding-right:12px}
  .sol-act1 .stepbadge svg{width:16px;height:16px;overflow:visible}
  .sol-act1 .stepbadge .flag{transform-origin:6px 8px;animation:flagWave 1.6s ease-in-out infinite}
  @keyframes flagWave{0%,100%{transform:skewY(0) scaleX(1)}25%{transform:skewY(-8deg) scaleX(.94)}75%{transform:skewY(6deg) scaleX(1.02)}}
  .sol-act1 .stepbadge{animation:badgeBob 2.4s ease-in-out infinite}
  @keyframes badgeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

  .sol-act2 .looptrack{transform-origin:160px 160px;animation:orbSpin 20s linear infinite}
  .sol-act2 .stepbadge .ctrl{transform-origin:12px 13px;animation:ctrlTilt 1.8s ease-in-out infinite}
  @keyframes ctrlTilt{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}

  /* --- 3단계 AI CO-BUILD --- */
  .sol-act3 .stepbadge .spark{transform-origin:center;transform-box:fill-box;animation:sparkle 1.8s ease-in-out infinite}
  .sol-act3 .stepbadge .s2{animation-delay:.6s}
  @keyframes sparkle{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.6) rotate(20deg);opacity:.5}}
  .sol-act3 .cobuild{display:grid;grid-template-columns:1fr 360px 1fr;gap:26px;align-items:center;margin-top:28px}
  .sol-act3 .side .who{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
  .sol-act3 .side .who b{font-family:var(--display);font-weight:400;font-size:26px;color:var(--ink)}
  .sol-act3 .side .who span{font-size:14px;color:var(--ink-2)}
  .sol-act3 .side ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
  .sol-act3 .side li{display:flex;flex-direction:column;gap:2px;padding-left:14px;position:relative}
  .sol-act3 .side li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--red)}
  .sol-act3 .side li b{font-size:15px;color:var(--ink)}
  .sol-act3 .side li span{font-size:13px;color:var(--ink-3)}
  .sol-act3 .side .role{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
  .sol-act3 .side .role b{color:var(--red)}
  .sol-act3 .side.ai .who{flex-direction:row-reverse;text-align:right}
  .sol-act3 .side.ai li{padding-left:0;padding-right:14px;text-align:right}
  .sol-act3 .side.ai li::before{left:auto;right:0}
  .sol-act3 .side.ai .role{text-align:right}
  .sol-act3 .venn{position:relative;height:300px}
  .sol-act3 .venn .c{position:absolute;top:50%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FBF8FF,#EDE4FB);box-shadow:0 12px 30px -16px rgba(62,15,168,.35);display:flex;align-items:center;transform:translateY(-50%)}
  .sol-act3 .venn .c span{font-family:var(--display);font-size:18px;color:#fff;background:var(--purple);padding:6px 14px;border-radius:var(--radius-sm)}
  .sol-act3 .venn .c1{left:0;justify-content:flex-start;padding-left:26px;animation:vennL 5s ease-in-out infinite}
  .sol-act3 .venn .c2{right:0;justify-content:flex-end;padding-right:26px;animation:vennR 5s ease-in-out infinite}
  @keyframes vennL{0%,100%{left:0}50%{left:14px}}
  @keyframes vennR{0%,100%{right:0}50%{right:14px}}
  .sol-act3 .venn .core{position:absolute;left:50%;top:50%;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#B99BFF,var(--purple-2) 55%,var(--purple));box-shadow:0 14px 34px -14px rgba(62,15,168,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;animation:corePulse 5s ease-in-out infinite}
  @keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
  .sol-act3 .venn .core small{font-family:var(--mono);font-size:11px;letter-spacing:.2em}
  .sol-act3 .venn .core b{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.04em}
  .sol-act3 .venn .arrow{position:absolute;left:50%;bottom:-4px;width:2px;height:24px;background:var(--red);transform:translateX(-50%)}
  .sol-act3 .venn .arrow::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--red);transform:translateX(-50%)}
  .sol-act3 .cobuild-foot{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:14px}
  .sol-act3 .stmt{margin:0;font-size:16px;font-weight:700;color:var(--ink);background:var(--sun-tint);padding:10px 20px;border-radius:var(--radius-sm)}
  .sol-act3 .stmt em{font-style:normal;color:var(--red)}
  .sol-act3 .steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:760px}
  .sol-act3 .steps3 li{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;text-align:center;font-size:14px;color:var(--ink);display:flex;flex-direction:column;gap:2px}
  .sol-act3 .steps3 small{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  @media (max-width:768px){.sol-act3 .cobuild{grid-template-columns:1fr}.sol-act3 .venn{height:240px;max-width:360px;margin:0 auto}.sol-act3 .venn .c{width:160px;height:160px}.sol-act3 .venn .core{width:120px;height:120px}.sol-act3 .side.ai .who,.sol-act3 .side.ai li,.sol-act3 .side.ai .role{flex-direction:row;text-align:left;padding-left:14px;padding-right:0}.sol-act3 .side.ai li::before{left:0;right:auto}.sol-act3 .steps3{grid-template-columns:1fr}}

  /* --- 4단계 DREAM BUILD --- */
  .sol-act4 .stepbadge .needle{transform-origin:12px 12px;animation:needleSpin 6s cubic-bezier(.3,.8,.3,1) infinite}
  @keyframes needleSpin{0%{transform:rotate(-30deg)}40%{transform:rotate(330deg)}60%,100%{transform:rotate(330deg)}}
  .sol-act4 .dream{display:grid;grid-template-columns:200px 1fr 260px;gap:24px;align-items:stretch;margin-top:28px}
  .sol-act4 .inputs{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding-right:20px}
  .sol-act4 .in{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;display:block;box-shadow:var(--e1);line-height:1.5}
  .sol-act4 .in small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red);margin-bottom:2px}
  .sol-act4 .in b{font-size:15px;color:var(--ink);display:inline}
  .sol-act4 .in span{font-size:13px;color:var(--ink-2)}
  .sol-act4 .in b+span{display:inline}
  .sol-act4 .inputs .flow{position:absolute;right:-24px;top:0;width:44px;height:100%;opacity:.8}
  .sol-act4 .chart{display:flex;flex-direction:column;align-items:center;gap:10px}
  .sol-act4 .chart .ch{text-align:center;display:flex;flex-direction:column;gap:2px}
  .sol-act4 .chart .ch b{font-size:16px;color:var(--ink)}.sol-act4 .chart .ch span{font-size:13px;color:var(--ink-3)}
  .sol-act4 .chart svg{width:100%;max-width:520px;height:auto}
  .sol-act4 .bar{transform-origin:center 220px;transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.9,.3,1)}
  .sol-act4.rv:not(.pre) .bar{transform:scaleY(1)}
  .sol-act4.rv:not(.pre) .bar:nth-child(2){transition-delay:.15s}.sol-act4.rv:not(.pre) .bar:nth-child(3){transition-delay:.3s}.sol-act4.rv:not(.pre) .bar:nth-child(4){transition-delay:.45s}.sol-act4.rv:not(.pre) .bar:nth-child(5){transition-delay:.6s}
  .sol-act4 .trend{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.4s ease 1s}
  .sol-act4.rv:not(.pre) .trend{stroke-dashoffset:0;stroke-dasharray:600}
  .sol-act4 .pts circle{fill:#fff;stroke:var(--purple);stroke-width:2;opacity:0;transition:opacity .4s}
  .sol-act4.rv:not(.pre) .pts circle{opacity:1}
  .sol-act4.rv:not(.pre) .pts circle:nth-child(1){transition-delay:1s}.sol-act4.rv:not(.pre) .pts circle:nth-child(2){transition-delay:1.3s}.sol-act4.rv:not(.pre) .pts circle:nth-child(3){transition-delay:1.6s}.sol-act4.rv:not(.pre) .pts circle:nth-child(4){transition-delay:1.9s}.sol-act4.rv:not(.pre) .pts circle:nth-child(5){transition-delay:2.2s}
  .sol-act4 .lastpt{animation:lastPulse 2.4s ease-out infinite 2.6s}
  @keyframes lastPulse{0%{stroke-width:2}50%{stroke-width:6;stroke:var(--sun)}100%{stroke-width:2}}
  .sol-act4 .xl text{font-family:var(--body);font-size:13px;fill:var(--ink-2);text-anchor:middle}
  .sol-act4 .pill{background:linear-gradient(100deg,var(--purple-2),var(--purple-light));color:#fff;font-weight:700;font-size:14px;padding:9px 22px;border-radius:var(--pill);box-shadow:0 10px 24px -14px rgba(62,15,168,.7)}
  .sol-act4 .career{background:var(--ink);color:var(--purple-tint);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:4px}
  .sol-act4 .career small{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:#D2B8FF}
  .sol-act4 .career>b{font-family:var(--display);font-weight:400;font-size:24px;margin-bottom:8px}
  .sol-act4 .career ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:cs}
  .sol-act4 .career li{position:relative;padding:10px 0 10px 26px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;display:block;line-height:1.5;counter-increment:cs}
  .sol-act4 .career li::before{content:"";position:absolute;left:8px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--sun)}
  .sol-act4 .career li::after{content:"";position:absolute;left:11.5px;top:26px;bottom:-8px;width:1px;background:rgba(255,197,49,.35)}
  .sol-act4 .career li:last-child::after{display:none}
  .sol-act4 .career li b{color:var(--sun)}
  .sol-act4 .career li span{display:block;font-size:12px;color:#B3A7CF}
  @media (max-width:768px){.sol-act4 .dream{grid-template-columns:1fr}.sol-act4 .inputs{flex-direction:row;padding-right:0}.sol-act4 .inputs .flow{display:none}}
  @media (max-width:480px){.sol-act4 .inputs{flex-direction:column}}

  .sol-act3 .side .tiles{display:flex;flex-direction:column;gap:10px;margin-top:16px}
  .sol-act3 .side .tile{position:relative;background:linear-gradient(180deg,#FFFFFF,#F3EEFB);border:0;border-radius:var(--radius-sm);padding:13px 14px 13px 46px;font-size:16px;font-weight:700;color:var(--ink);box-shadow:0 10px 24px -12px rgba(62,15,168,.28),0 1px 0 #fff inset;transition:transform .25s,box-shadow .25s}
  .sol-act3 .side .tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(62,15,168,.38),0 1px 0 #fff inset}
  .sol-act3 .side .tile i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#fff;background:linear-gradient(100deg,var(--purple-2),var(--purple-light));padding:4px 7px;border-radius:7px}
  .sol-act3 .side.ai .tile{padding:13px 46px 13px 14px;text-align:right}
  .sol-act3 .side.ai .tile:hover{transform:translateY(-3px)}
  .sol-act3 .side.ai .tile i{left:auto;right:12px}
  .sol-act3 .side .role{margin-top:16px;padding-top:0;border-top:0;display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--ink-2)}
  .sol-act3 .side .role b{font-family:var(--display);font-weight:400;font-size:20px;color:#fff;background:linear-gradient(100deg,var(--purple),var(--purple-2));padding:4px 12px 2px;border-radius:var(--radius-sm);line-height:1.2}
  .sol-act3 .side.ai .role{justify-content:flex-end}
  .sol-act3 .stmt{font-size:17px;box-shadow:0 8px 20px -14px rgba(62,15,168,.6);border:1px solid #E6D9FF}
  @media (max-width:768px){.sol-act3 .side.ai .tile{padding:13px 14px 13px 46px;text-align:left}.sol-act3 .side.ai .tile i{left:12px;right:auto}.sol-act3 .side.ai .role{justify-content:flex-start}}

  .sol-act1 .stepcol{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:10px;width:64px}
  .sol-act1 .stepcol .stepnum{position:static}
  .sol-act1 .stepcol .stepbadge{white-space:nowrap;font-size:12px;padding:4px 10px 4px 8px;animation:none}
  .sol-act1 .stepbadge .flag{animation-duration:3.2s}
  .sol-act1 .head h3 em{font-size:1.5em;letter-spacing:.03em}
  .sol-act1 .head h3 .mark{background-image:linear-gradient(90deg,var(--sun) 50%,transparent 50%);transition-duration:2.4s;transition-delay:.4s}
  @media (max-width:768px){.sol-act1 .stepcol{width:48px}.sol-act1 .stepcol .stepbadge{font-size:11px;padding:3px 8px}}

  /* PLAY BUILD 글자 바운스 */
  .sol-act1 .head h3 em.play{display:inline-flex;font-style:normal;font-family:var(--display);font-weight:400;color:var(--red);letter-spacing:.03em;font-size:1.5em;margin-right:6px}
  .sol-act1 .head h3 em.play span{display:inline-block;transform:translateY(0);animation:playBounce 3.6s cubic-bezier(.3,.9,.3,1) infinite;animation-delay:calc(var(--i) * .08s)}
  @keyframes playBounce{0%,8%{transform:translateY(0)}12%{transform:translateY(-10px) scaleY(1.06)}18%{transform:translateY(0) scaleY(.96)}22%{transform:translateY(-3px)}26%,100%{transform:translateY(0)}}
  @media (prefers-reduced-motion:reduce){.sol-act1 .head h3 em.play span{animation:none}}

  /* 단계 배지 컬러 · 4단계 체인 */
  .sol-act1 .stepcol .stepbadge{color:#fff;border:0}
  .sol-act1 .stepcol .stepbadge.b1{background:linear-gradient(100deg,#5B1BC7,#8A4DFF)}
  .sol-act1 .stepcol .stepbadge.b2{background:linear-gradient(100deg,var(--red),#FF7A5C)}
  .sol-act1 .stepcol .stepbadge.b3{background:linear-gradient(100deg,#0B7A75,#22B8A8)}
  .sol-act1 .stepcol .stepbadge.b4{background:linear-gradient(100deg,#B7791F,var(--sun));color:#0E0522}
  .sol-act4 .dream{grid-template-columns:1fr 300px;gap:32px;align-items:center}
  .sol-act4 .chain{display:flex;flex-direction:column;gap:10px;align-items:stretch}
  .sol-act4 .chain .tile{position:relative;background:linear-gradient(180deg,#FFFFFF,#F3EEFB);border-radius:var(--radius-sm);padding:13px 14px 13px 46px;font-size:16px;font-weight:700;color:var(--ink);box-shadow:0 10px 24px -12px rgba(62,15,168,.28),0 1px 0 #fff inset}
  .sol-act4 .chain .tile i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#fff;background:linear-gradient(100deg,var(--purple-2),var(--purple-light));padding:4px 7px;border-radius:7px}
  .sol-act4 .chain .tile+.tile::before{content:"";position:absolute;left:50%;top:-10px;width:1px;height:10px;background:var(--purple-light)}
  .sol-act4 .chain .pill{margin-top:6px;text-align:center}
  @media (max-width:768px){.sol-act4 .dream{grid-template-columns:1fr}}

  /* ===== 질문이 틀렸다!? — 시퀀스 연출 ===== */
  .sol-q2{position:relative;overflow:hidden;padding-block:110px 96px;text-align:center}
  .sol-q2 .wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(300px,42vw,620px);line-height:1;color:#1C0A45;opacity:.55;pointer-events:none;user-select:none;letter-spacing:-.04em}
  .sol-q2 .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
  .sol-q2 .q-title{font-size:clamp(40px,6vw,76px);line-height:1.1;margin:0;opacity:0}
  .sol-q2 .q-title em{font-style:normal;color:#B14DFF;text-shadow:0 0 30px rgba(177,77,255,.45)}
  .sol-q2 .q-lines{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:16px}
  .sol-q2 .q-line{display:inline-flex;align-items:center;gap:14px;opacity:0}
  .sol-q2 .q-line .txt{position:relative;font-weight:700;font-size:clamp(20px,2.6vw,32px);color:var(--purple-tint);letter-spacing:-.01em}
  .sol-q2 .q-line.was .txt{opacity:.9}
  .sol-q2 .q-line .mk{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.3)}
  .sol-q2 .q-line .mk svg{width:20px;height:20px}
  .sol-q2 .q-line .mk.x{background:rgba(217,45,32,.18);color:#FF6B5B;border:2px solid #FF6B5B}
  .sol-q2 .q-line .mk.o{background:rgba(255,197,49,.18);color:var(--sun);border:2px solid var(--sun)}
  .sol-q2 .strike{position:absolute;left:-2%;top:54%;height:3px;width:0;background:#FF6B5B;border-radius:2px}
  .sol-q2 .q-line.now .txt{font-size:clamp(24px,3.4vw,42px)}
  .sol-q2 .hl{display:inline-block;padding:.12em .5em;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--purple-3),var(--purple-2));box-shadow:0 0 0 0 rgba(255,197,49,0)}
  .sol-q2 .q-p{margin:0;max-width:44em;font-size:16px;line-height:1.75;color:var(--navy-band-ink);opacity:0}
  .sol-q2 .p1{margin-top:40px}.sol-q2 .p2{margin-top:6px}
  .sol-q2 .q-byf{margin-top:44px;opacity:0}
  .sol-q2 .q-byf span{font-family:var(--display);font-size:clamp(22px,3vw,34px);letter-spacing:.14em;color:var(--purple-tint);padding-bottom:6px;border-bottom:2px solid #B14DFF}
  /* timeline */
  .sol-q2.rv:not(.pre) .q-title{animation:qUp .8s cubic-bezier(.2,.9,.3,1) both}
  .sol-q2.rv:not(.pre) .q-line.was{animation:qUp .7s cubic-bezier(.2,.9,.3,1) .9s both}
  .sol-q2.rv:not(.pre) .q-line.was .mk{animation:mkPop .5s cubic-bezier(.3,1.4,.4,1) 1.6s both}
  .sol-q2.rv:not(.pre) .strike{animation:strikeIn .5s cubic-bezier(.6,0,.2,1) 1.95s both}
  .sol-q2.rv:not(.pre) .q-line.now{animation:qRise .9s cubic-bezier(.2,.9,.3,1) 2.6s both}
  .sol-q2.rv:not(.pre) .q-line.now .mk{animation:mkPop .5s cubic-bezier(.3,1.4,.4,1) 3.3s both}
  .sol-q2.rv:not(.pre) .hl{animation:hlYes 1.4s ease 3.55s both}
  .sol-q2.rv:not(.pre) .p1{animation:qUp .8s cubic-bezier(.2,.9,.3,1) 4.4s both}
  .sol-q2.rv:not(.pre) .p2{animation:qUp .8s cubic-bezier(.2,.9,.3,1) 5s both}
  .sol-q2.rv:not(.pre) .q-byf{animation:qUp .9s cubic-bezier(.2,.9,.3,1) 5.8s both}
  @keyframes mkPop{from{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}
  @keyframes strikeIn{from{width:0}to{width:104%}}
  @keyframes hlYes{0%{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));box-shadow:0 0 0 0 rgba(255,197,49,0);transform:scale(1)}25%{background:linear-gradient(100deg,var(--sun),#FFE08A);color:#0E0522;box-shadow:0 0 0 12px rgba(255,197,49,.25),0 0 40px rgba(255,197,49,.6);transform:scale(1.04)}60%{background:linear-gradient(100deg,var(--purple-2),#9B5CFF);color:#fff;box-shadow:0 0 0 0 rgba(255,197,49,0);transform:scale(1)}100%{background:linear-gradient(100deg,var(--purple-3),var(--purple-2));color:#fff;box-shadow:0 0 30px rgba(110,42,230,.55)}}
  @media (prefers-reduced-motion:reduce){.sol-q2 .q-title,.sol-q2 .q-line,.sol-q2 .q-line .mk,.sol-q2 .q-p,.sol-q2 .q-byf{opacity:1;animation:none;transform:none}.sol-q2 .strike{width:104%}}
  @media (max-width:768px){.sol-q2{padding-block:80px 70px}.sol-q2 .wm{font-size:260px}.sol-q2 .q-line{gap:10px}.sol-q2 .q-line .mk{width:28px;height:28px}}
  @media (max-width:480px){.sol-q2 .q-line{flex-wrap:wrap;justify-content:center}}

  /* ===== 질문이 틀렸다 · 시그널 섹션 (홈 매니페스토 문법) ===== */
  .sol-signal{position:relative;min-height:88vh;display:flex;align-items:center;background:#0A0416;color:var(--purple-tint);overflow:hidden;isolation:isolate;padding-block:110px}
  .sol-signal .art{position:absolute;inset:0;z-index:-3;overflow:hidden}
  .sol-signal .art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.14;filter:grayscale(1) contrast(1.05);mix-blend-mode:luminosity;transform:scale(1.04);animation:hmArt 60s ease-in-out infinite alternate}
  .sol-signal .scan{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(10,4,22,.7) 100%),radial-gradient(60% 50% at 50% 55%,rgba(62,15,168,.28),transparent 70%)}
  .sol-signal .wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2;font-family:var(--display);font-size:clamp(300px,42vw,620px);line-height:1;color:#1A0A40;opacity:.5;pointer-events:none;letter-spacing:-.04em}
  .sol-signal .wrap{text-align:center;position:relative}
  .sol-signal .beats{position:relative;min-height:340px}
  .sol-signal .beat{position:absolute;inset:0;margin:0 auto;max-width:56em;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(18px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.9,.3,1);pointer-events:none}
  .sol-signal .beat.on{opacity:1;transform:none;pointer-events:auto}
  .sol-signal .beat.out{opacity:0;transform:translateX(-32px);transition:opacity 1.6s cubic-bezier(.4,0,.6,1),transform 1.6s cubic-bezier(.4,0,.6,1)}
  .sol-signal .lead{font-family:var(--mono);font-size:13px;letter-spacing:.24em;color:var(--sun);margin:0 0 14px}
  .sol-signal h2{font-weight:400;margin:0;color:#FBF7F0}
  .sol-signal .big{font-family:var(--display);font-size:clamp(44px,7vw,88px);line-height:1.05}
  .sol-signal .big em{font-style:normal;color:#B14DFF;text-shadow:0 0 34px rgba(177,77,255,.5)}
  .sol-signal .q-line{display:inline-flex;align-items:center;gap:14px;opacity:0}
  .sol-signal .q-line+.q-line{margin-top:18px}
  .sol-signal .q-line .txt{position:relative;font-weight:700;font-size:clamp(20px,2.6vw,32px);color:var(--purple-tint)}
  .sol-signal .q-line.now .txt{font-size:clamp(24px,3.4vw,42px)}
  .sol-signal .q-line .mk{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.3)}
  .sol-signal .q-line .mk svg{width:20px;height:20px}
  .sol-signal .mk.x{background:rgba(217,45,32,.18);color:#FF6B5B;border:2px solid #FF6B5B}
  .sol-signal .mk.o{background:rgba(255,197,49,.18);color:var(--sun);border:2px solid var(--sun)}
  .sol-signal .strike{position:absolute;left:-2%;top:54%;height:3px;width:0;background:#FF6B5B;border-radius:2px}
  .sol-signal .hl2{display:inline-block;padding:.12em .5em;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--purple-3),var(--purple-2))}
  .sol-signal .b2.on .q-line.was{animation:qUp .5s cubic-bezier(.2,.9,.3,1) .1s both}
  .sol-signal .b2.on .q-line.was .mk{animation:mkPop .4s cubic-bezier(.3,1.4,.4,1) .5s both}
  .sol-signal .b2.on .strike{animation:strikeIn .4s cubic-bezier(.6,0,.2,1) .75s both}
  .sol-signal .b2.on .q-line.now{animation:qRise .6s cubic-bezier(.2,.9,.3,1) 1.15s both}
  .sol-signal .b2.on .q-line.now .mk{animation:mkPop .4s cubic-bezier(.3,1.4,.4,1) 1.6s both}
  .sol-signal .b2.on .hl2{animation:hlYes .9s ease 1.8s both}
  .sol-signal .b3 h2{font-family:'Gowun Batang',serif;font-size:clamp(22px,2.6vw,34px);line-height:1.6;opacity:0;text-align:center;white-space:nowrap}
  .sol-signal .b3 .s2{margin-top:22px;color:rgba(251,247,240,.86)}
  .sol-signal .b3.on .s1{animation:qUp .5s cubic-bezier(.2,.9,.3,1) .1s both}
  .sol-signal .b3.on .s2{animation:qUp .9s cubic-bezier(.2,.9,.3,1) 1.4s both}
  .sol-signal .byf{font-family:var(--display);font-size:clamp(40px,6.4vw,80px);line-height:1.05;letter-spacing:.04em}
  .sol-signal .byf .y{color:var(--sun)}
  .sol-signal .sub{font-family:var(--display);font-size:clamp(16px,1.5vw,21px);letter-spacing:.06em;color:rgba(201,207,220,.78);margin:18px 0 0}
  .sol-signal .dots{display:flex;gap:10px;margin-top:44px;justify-content:center}
  .sol-signal .dots button{width:6px;height:6px;border:0;border-radius:50%;background:rgba(245,239,230,.32);padding:0;cursor:pointer;transition:background .4s,transform .4s}
  .sol-signal .dots button.on{background:var(--sun);transform:scale(1.5);box-shadow:0 0 0 4px rgba(255,197,49,.18)}
  @media (prefers-reduced-motion:reduce){.sol-signal .q-line,.sol-signal .q-line .mk,.sol-signal .b3 h2{opacity:1;animation:none;transform:none}.sol-signal .strike{width:104%}}
  @media (max-width:768px){.sol-signal{min-height:0;padding-block:80px}.sol-signal .beats{min-height:300px}.sol-signal .wm{font-size:260px}.sol-signal .b3 h2 br{display:none}}
  @media (max-width:480px){.sol-signal .q-line{flex-wrap:wrap;justify-content:center}}
  /* 단계 배지 리컬러 (밝은 바탕 + 단계색) */
  .sol-act1 .stepcol .stepbadge{background:var(--surface);border:1.5px solid currentColor;box-shadow:var(--e1)}
  .sol-act1 .stepcol .stepbadge.b1{background:var(--surface);color:#5B1BC7}
  .sol-act1 .stepcol .stepbadge.b2{background:var(--surface);color:var(--red)}
  .sol-act1 .stepcol .stepbadge.b3{background:var(--surface);color:#0B7A75}
  .sol-act1 .stepcol .stepbadge.b4{background:var(--surface);color:#B7791F}

  /* 정제 버전 */
  .sol-signal{min-height:0;padding-block:64px 56px}
  .sol-signal .beats{min-height:210px}
  .sol-signal .wm{display:none}
  .sol-signal .scan{background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(10,4,22,.7) 100%)}
  .sol-signal .art img{opacity:.11}
  .sol-signal .big{font-size:clamp(40px,6vw,72px)}
  .sol-signal .big em{color:#C9A6FF;text-shadow:none}
  .sol-signal .q-line .txt{font-weight:600;color:rgba(245,241,255,.72)}
  .sol-signal .q-line.now .txt{font-weight:700;color:#FFFFFF;font-size:clamp(24px,3.2vw,40px)}
  .sol-signal .mk.x{background:transparent;color:#FF6B5B;border:1.5px solid rgba(255,107,91,.8)}
  .sol-signal .mk.o{background:transparent;color:var(--sun);border:1.5px solid rgba(255,197,49,.8)}
  .sol-signal .strike{height:2px;background:rgba(255,107,91,.9)}
  .sol-signal .b2.on .hl2{animation:none}
  .sol-signal .now-txt::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:rgba(255,255,255,.55);transform:scaleX(0);transform-origin:left}
  .sol-signal .b2.on .now-txt::after{animation:ulIn .7s cubic-bezier(.2,.9,.3,1) 3.05s both}
  @keyframes ulIn{to{transform:scaleX(1)}}
  .sol-signal .byf{font-size:clamp(36px,5.6vw,68px)}
  .sol-signal .byf .y{color:#C9A6FF}
  .sol-signal .dots{margin-top:30px}
  .sol-signal .beat{transition:opacity .5s ease .15s,transform .5s cubic-bezier(.2,.9,.3,1) .15s}
  .sol-signal .beat.out{transition:opacity .35s ease,transform .35s ease}
  @media (max-width:768px){.sol-signal{padding-block:52px 44px}.sol-signal .beats{min-height:230px}}

  /* 정제 2 */
  .sol-signal .b2{align-items:flex-start;width:max-content;max-width:100%;margin:0 auto}
  .sol-signal .b2 .q-line{align-self:flex-start}
  .sol-signal .mk.x{color:#9B8BC4;border-color:rgba(155,139,196,.7)}
  .sol-signal .mk.o{color:#C9A6FF;border-color:rgba(201,166,255,.85)}
  .sol-signal .strike{background:rgba(155,139,196,.9)}
  .sol-signal .now-txt::after{background:rgba(201,166,255,.7)}
  .sol-signal .q-line .txt{color:rgba(245,241,255,.6)}
  .sol-signal .dots button.on{background:#C9A6FF;box-shadow:0 0 0 4px rgba(201,166,255,.18)}
  .sol-signal .b3 .s1{color:#FBF7F0}

  .sol-signal .q-line.now .txt{font-family:var(--display);font-weight:400;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.01em}
  .sol-signal .q-line.now .mk{width:40px;height:40px}.sol-signal .q-line.now .mk svg{width:24px;height:24px}
  .sol-signal .now-txt::after{bottom:-4px;height:2px}
  .sol-signal .dots{margin-top:26px;gap:8px}
  .sol-signal .dots button{width:4px;height:4px}
  .sol-signal .dots button.on{transform:scale(1.25);box-shadow:0 0 0 2px rgba(201,166,255,.18)}

  /* BUILD YOUR FUTURE — 도약하는 점 (히어로 와이어 이어받기) */
  .sol-signal .b4{position:relative}
  .sol-signal .leap{position:absolute;left:50%;top:50%;width:min(900px,96vw);height:auto;transform:translate(-50%,-56%);pointer-events:none;overflow:visible}
  .sol-signal .leap .lp{stroke-dasharray:1400;stroke-dashoffset:1400;opacity:0}
  .sol-signal .b4.on .leap .lp{animation:leapDraw 1.5s cubic-bezier(.2,.9,.3,1) both}
  @keyframes leapDraw{0%{stroke-dashoffset:1400;opacity:.9}100%{stroke-dashoffset:0;opacity:.9}}
  .sol-signal .leap .land{opacity:0}
  .sol-signal .b4.on .leap .land{animation:landPop .5s cubic-bezier(.3,1.4,.4,1) 1.45s both}
  @keyframes landPop{0%{opacity:0;transform:scale(.4);transform-origin:860px 44px}100%{opacity:1;transform:scale(1)}}
  .sol-signal .b4.on .leap .ld{animation:ldFade .01s linear 1.6s both}
  @keyframes ldFade{to{opacity:0}}
  .sol-signal .b4 .byf{position:relative;opacity:0}
  .sol-signal .b4.on .byf{animation:qUp .6s cubic-bezier(.2,.9,.3,1) .6s both}
  @media (prefers-reduced-motion:reduce){.sol-signal .b4 .byf{opacity:1;animation:none}.sol-signal .leap{display:none}}

  /* PROPOSAL 탭 리파인 */
  .sol-ship .who button{padding:22px 22px}
  .sol-ship .who button span{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--red)}
  .sol-ship .who button b{font-family:var(--body);font-weight:600;font-size:17px;color:var(--ink-2)}
  .sol-ship .who button b em{font-style:normal;font-weight:800;color:var(--ink)}
  .sol-ship .who button[aria-selected=true] span{color:var(--sun)}
  .sol-ship .who button[aria-selected=true] b{color:#DCCFFF}
  .sol-ship .who button[aria-selected=true] b em{color:#fff}
  .sol-ship .pname{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,38px);color:var(--ink);margin:0}
  .sol-ship .q{margin-top:-6px}
  .sol-ship .q em{font-family:var(--body);font-weight:700;font-size:clamp(16px,1.6vw,20px);color:var(--red)}
  .sol-ship .q s{font-size:14px}
  .sol-ship .steps li{padding:14px 12px 12px;gap:2px;align-items:center;text-align:center}
  .sol-ship .steps li::before{font-size:9.5px}
  .sol-ship .steps li b{font-size:16px}
  .sol-ship .steps li span{font-size:12px;color:var(--ink-3)}

  /* PROPOSAL 리파인 2 */
  #sol-ship .sec-head h2 .pp{color:var(--red)}
  .sol-ship{align-items:stretch}
  .sol-ship .who{display:flex;flex-direction:column;gap:10px}
  .sol-ship .who button{flex:1;justify-content:center}
  .sol-ship .panel.on{display:flex;flex-direction:column;gap:18px}
  .sol-ship .qhead{display:grid;grid-template-columns:1fr 1.3fr;align-items:stretch;margin-top:4px}
  .sol-ship .qhead .was{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:12px 0 0 12px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-3);font-size:15px;font-weight:600}
  .sol-ship .qhead .was s{text-decoration-color:var(--red);text-decoration-thickness:2px}
  .sol-ship .qhead .now{display:flex;align-items:center;justify-content:center;padding:16px 22px;margin:-8px 0 -8px -6px;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--purple),var(--purple-2));color:#fff;font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.01em;box-shadow:0 14px 30px -16px rgba(62,15,168,.7),6px 6px 0 #2A0C6E;position:relative;z-index:1}
  .sol-ship .pname{margin-bottom:2px}
  .sol-ship dl{margin-top:auto}
  @media (max-width:768px){.sol-ship .qhead{grid-template-columns:1fr}.sol-ship .qhead .was{border-radius:12px 12px 0 0}.sol-ship .qhead .now{margin:0;border-radius:0 0 12px 12px}}

  /* ===== 왜, 플랫폼인가 · 융합형 플랫폼 · 체크리스트 ===== */
  .sol-why-head{grid-template-columns:1fr;text-align:center;justify-items:center}
  .sol-why-head h2.big{font-size:clamp(40px,5.6vw,68px)}
  .sol-why-head .sub{margin:16px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.6;color:var(--ink-2)}
  .sol-cycle{grid-template-columns:1fr 1fr;gap:40px}
  .conv{display:flex;flex-direction:column;gap:14px}
  .conv .ins{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .conv .ins span{font-size:13px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px}
  .conv .ins b{font-size:14px;color:var(--ink)}
  .conv .core{position:relative;margin:6px auto;width:min(100%,360px);border-radius:var(--pill);padding:22px 28px;text-align:center;background:radial-gradient(circle at 35% 30%,#7A3FF0,var(--purple) 70%);color:#fff;box-shadow:0 18px 40px -20px rgba(62,15,168,.8),0 0 0 8px #EFE6FB,0 0 0 9px #D9C9F5;display:flex;flex-direction:column;gap:2px}
  .conv .core small{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#D2B8FF}
  .conv .core b{font-family:var(--display);font-weight:400;font-size:26px}
  .conv .core span{font-size:13px;color:#DCCFFF}
  .conv .outs{display:flex;flex-direction:column;gap:8px}
  .conv .o{display:flex;align-items:baseline;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#FFFFFF,#F3EEFB);box-shadow:0 10px 24px -14px rgba(62,15,168,.3)}
  .conv .o span{font-size:14px;color:var(--ink-3);white-space:nowrap}
  .conv .o span::after{content:"→";margin-left:10px;color:var(--red)}
  .conv .o b{font-size:16px;color:var(--ink)}
  .sol-check{margin-top:40px}
  .sol-flip{margin-top:64px}
  .sol-check .budget{margin-bottom:16px}
  .sol-check .budget .tag{background:var(--ink)}
  .sol-check .items{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .sol-check .it{font:inherit;text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px 16px 16px 44px;position:relative;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:all .25s}
  .sol-check .it i{position:absolute;left:14px;top:17px;width:20px;height:20px;border-radius:50%;border:2px solid #C4B5E6;background:#fff;transition:all .25s}
  .sol-check .it i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .25s}
  .sol-check .it b{font-size:15px;color:var(--ink)}
  .sol-check .it span{font-size:13px;color:var(--ink-3);line-height:1.5}
  .sol-check .it:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(62,15,168,.4)}
  .sol-check .it[aria-pressed=true]{background:linear-gradient(180deg,#F6F1FF,#EEE6FB);border-color:#B99BFF}
  .sol-check .it[aria-pressed=true] i{background:var(--red);border-color:var(--red)}
  .sol-check .it[aria-pressed=true] i::after{transform:rotate(45deg) scale(1)}
  .sol-check .result{margin-top:14px;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);transition:all .4s}
  .sol-check .cnt{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--ink-3)}
  .sol-check .cnt b{font-family:var(--display);font-size:26px;color:var(--ink);margin-right:2px}
  .sol-check .msg{flex:1;font-size:15px;color:var(--ink-2)}
  .sol-check .result .pill{opacity:.45;pointer-events:none;background:var(--ink);color:#fff;transition:opacity .4s}
  .sol-check.done .result{background:var(--ink);border-color:var(--ink)}
  .sol-check.done .cnt,.sol-check.done .cnt b,.sol-check.done .msg{color:var(--purple-tint)}
  .sol-check.done .result .pill{opacity:1;pointer-events:auto;background:linear-gradient(100deg,var(--purple-2),#9B5CFF)}
  @media (max-width:768px){.sol-cycle{grid-template-columns:1fr}.sol-check .items{grid-template-columns:1fr 1fr}.sol-check .result{flex-wrap:wrap}}
  @media (max-width:480px){.sol-check .items{grid-template-columns:1fr}.conv .ins{grid-template-columns:1fr}}

  /* 왜 플랫폼인가 · 가로형 */
  .sol-cycle.conv-h{grid-template-columns:230px 1fr 250px;gap:18px;align-items:center}
  .conv-h .ins{display:flex;flex-direction:column;gap:10px}
  .conv-h .in{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--e1)}
  .conv-h .in small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .conv-h .in b{font-size:14px;color:var(--ink)}
  .conv-h .mid{position:relative;display:flex;align-items:center;justify-content:center;padding:0 18px}
  .conv-h .mid .loop{width:min(100%,520px)}
  .conv-h .lnk{position:absolute;top:50%;width:26px;height:2px;background:repeating-linear-gradient(90deg,var(--purple-light) 0 4px,transparent 4px 8px)}
  .conv-h .lnk.l{left:-6px}.conv-h .lnk.r{right:-6px}
  .conv-h .outs{display:flex;flex-direction:column;gap:10px}
  .conv-h .o{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#FFFFFF,#F3EEFB);box-shadow:0 10px 24px -14px rgba(62,15,168,.3)}
  .conv-h .o span{font-size:13px;color:var(--ink-3);white-space:normal}
  .conv-h .o span::after{content:"→";margin-left:8px;color:var(--red)}
  .conv-h .o b{font-size:15px;color:var(--ink)}
  .sol-cycle .ctr-l{font-size:11px;letter-spacing:.2em;fill:var(--ink-3)}
  .sol-cycle .ctr-k{font-family:var(--display);font-size:20px;fill:var(--red)}
  .sol-cycle .ctr-s{font-family:var(--body);font-size:12px;fill:var(--ink-3)}
  @media (max-width:768px){.sol-cycle.conv-h{grid-template-columns:1fr}.conv-h .lnk{display:none}.conv-h .ins,.conv-h .outs{display:grid;grid-template-columns:1fr 1fr}}
  @media (max-width:480px){.conv-h .ins,.conv-h .outs{grid-template-columns:1fr}}
  /* PROPOSAL 패널 등고 */
  .sol-ship .panel{min-height:430px}
  .sol-ship dl{grid-template-columns:auto 1fr auto 1fr;gap:8px 14px}
  @media (max-width:768px){.sol-ship .panel{min-height:0}.sol-ship dl{grid-template-columns:auto 1fr}}

  /* 왜 플랫폼인가 · v3 */
  .sol-why-head h2.big{font-size:clamp(46px,6.4vw,84px);-webkit-text-stroke:1.2px currentColor;letter-spacing:-.01em}
  .sol-cycle.conv-2{grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .conv-2 .mid{padding:0 60px 0 40px}
  .conv-2 .mid .loop{width:100%;max-width:460px}
  .sol-cycle .c-ring{stroke:#5B1BC7;stroke-width:3.5;stroke-dasharray:6 6;opacity:1}
  .sol-cycle .c-photo{opacity:.14;filter:grayscale(1) contrast(1.05)}
  .sol-cycle .ctr-l{font-size:11px;letter-spacing:.24em;fill:var(--ink-3)}
  .sol-cycle .ctr-k{font-family:var(--display);font-size:28px;fill:var(--red)}
  .sol-cycle .ctr{font-size:30px}
  .sol-cycle .ctr-s{font-size:13px}
  .sol-cycle .cn circle{stroke-width:3;stroke:var(--purple)}
  .eco{background:var(--ink);color:var(--purple-tint);border-radius:var(--radius-lg);padding:28px 28px 26px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -34px rgba(14,5,34,.8)}
  .eco .eh{display:flex;flex-direction:column;gap:6px}
  .eco .eh small{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:#D2B8FF}
  .eco .eh b{font-size:15px;line-height:1.5;color:var(--purple-tint);font-weight:600}
  .eco .ins{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
  .eco .ins span{display:flex;flex-direction:column;gap:3px;padding:10px 10px;border-radius:var(--radius-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--purple-tint);font-weight:600;line-height:1.4}
  .eco .ins small{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:#B3A7CF;font-weight:400}
  .eco .bar{display:flex;align-items:center;gap:12px;justify-content:center;text-align:center}
  .eco .bar i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--purple-light) 0 6px,transparent 6px 12px);animation:barFlow 1.2s linear infinite}
  @keyframes barFlow{to{background-position:12px 0}}
  .eco .bar b{font-family:var(--display);font-weight:400;font-size:20px;color:#fff;background:linear-gradient(100deg,var(--purple-3),var(--purple-2));padding:8px 16px;border-radius:var(--radius-sm);white-space:nowrap}
  .eco .bar em{font-style:normal;font-size:12px;color:#D2B8FF;white-space:nowrap}
  .eco .outs{display:flex;flex-direction:column;gap:8px}
  .eco .o{display:grid;grid-template-columns:1fr 34px 1.3fr;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .eco .o span{font-size:14px;color:#B3A7CF;text-align:right}
  .eco .o b{font-size:16px;color:#fff}
  .eco .ar{position:relative;height:2px;background:var(--purple-light);display:block}
  .eco .ar::after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid var(--purple-light);border-top:5px solid transparent;border-bottom:5px solid transparent}
  .eco .o:nth-child(1) .ar{animation:arPulse 2.4s ease-in-out infinite}.eco .o:nth-child(2) .ar{animation:arPulse 2.4s ease-in-out .5s infinite}.eco .o:nth-child(3) .ar{animation:arPulse 2.4s ease-in-out 1s infinite}
  @keyframes arPulse{0%,100%{opacity:.6;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}
  @media (max-width:768px){.sol-cycle.conv-2{grid-template-columns:1fr}.eco .ins{grid-template-columns:1fr 1fr}.eco .o{grid-template-columns:1fr}.eco .o span{text-align:left}.eco .ar{display:none}}

  /* ECOSYSTEM 카드 v2 · 버튼형 */
  .sol-cycle.conv-2{align-items:stretch}
  .conv-2 .mid{display:flex;align-items:center}
  .eco{justify-content:space-between;gap:22px;padding:32px 30px}
  .eco .eh b{font-size:17px}
  .eco .outs{flex:1;display:flex;flex-direction:column;gap:12px}
  .eco .o{flex:1;grid-template-columns:auto 1fr 40px 1.25fr;gap:14px;padding:18px 22px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(201,166,255,.28);text-decoration:none;color:inherit;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;box-shadow:0 10px 24px -18px rgba(0,0,0,.8)}
  .eco .o:hover{transform:translateY(-3px);background:linear-gradient(100deg,var(--purple-3),var(--purple-2));border-color:transparent;box-shadow:0 18px 34px -16px rgba(110,42,230,.8)}
  .eco .o .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:#C9A6FF;border:1px solid rgba(201,166,255,.5);border-radius:var(--pill);padding:4px 8px}
  .eco .o .fr{font-size:14px;color:#B3A7CF;text-align:right}
  .eco .o b{font-family:var(--display);font-weight:400;font-size:22px;color:#fff;letter-spacing:-.01em}
  .eco .o:hover .fr{color:#E4D9FF}
  @media (max-width:768px){.eco .o{grid-template-columns:auto 1fr}.eco .o .fr{text-align:left}.eco .o b{grid-column:2}}

  .sol-flip .fh{grid-template-columns:1fr;margin-bottom:22px}
  .sol-flip .frgrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;gap:12px}
  .sol-flip .frgrid .fr{margin:0}
  @media (max-width:768px){.sol-flip .frgrid{grid-template-columns:1fr}}

  .sol-flip .band-title{display:block;margin:0 0 18px;padding:22px 28px;border-radius:var(--radius);background:linear-gradient(100deg,#1A0741,var(--purple) 60%,#5B1BC7);text-align:center;box-shadow:0 18px 40px -24px rgba(62,15,168,.8)}
  .sol-flip .band-title h3{margin:0;font-size:clamp(22px,2.6vw,32px);color:var(--purple-tint);line-height:1.3}
  .sol-flip .band-title h3 em{font-style:normal;color:var(--sun)}

  /* ===== 절제 팔레트 프리뷰 (화이트 + 블랙 + 포인트 퍼플) ===== */
  #page-solution{--sun:#EDE4FF;--sun-tint:#F5F0FF;--red-tint:#F1EBFB}
  #page-solution .eyebrow{color:var(--ink-3)}
  #page-solution .eyebrow::before{background:var(--red)}
  #page-solution .sol-sticky .k,#page-solution .sol-stat .lbl{color:var(--ink-3)}
  #page-solution .sol-sticky .n{color:var(--ink)}#page-solution .sol-sticky .n em{color:var(--red)}
  #page-solution .sol-sticky .idx li.on{color:var(--ink)}
  /* 띠배너 */
  #page-solution .sol-ribbon{background:var(--surface);border:1px solid var(--line)}
  #page-solution .sol-ribbon .tag{background:var(--ink)}
  /* 왜 배너 → 라벤더 라이트 */
  #page-solution .sol-intro{background:linear-gradient(100deg,#F3EEFB 0%,#E9E0F7 55%,#DDD0F2 100%);color:var(--ink);animation:none}
  #page-solution .sol-intro::before,#page-solution .sol-intro::after{display:none}
  #page-solution .sol-intro .ln em{color:var(--red)}
  #page-solution .sol-intro .dots button{border-color:var(--ink)}#page-solution .sol-intro .dots button[aria-selected=true]{background:var(--ink)}
  /* 경험 타일 캡션 */
  #page-solution .sol-xp .cap b{color:var(--ink)}
  /* 공간 유형 */
  #page-solution .sol-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink)}
  #page-solution .sol-tabs button[aria-selected=true] span{color:#C9A6FF}
  #page-solution .sol-view .chip.c{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
  #page-solution .sol-view .chip.l{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
  #page-solution .sol-view .ptabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink)}
  #page-solution .sol-view .pnote{background:rgba(14,5,34,.86)}
  #page-solution .sol-forms .row b em{font-family:var(--body);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);padding:4px 10px}
  #page-solution .sol-forms .no{color:var(--ink-3)}
  #page-solution .sol-forms .bd.go{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
  #page-solution .sol-forms .bd.come{background:var(--ink);color:#fff}
  /* HOW TO SHIP 헤드·레일 */
  #page-solution #story .sec-head h2 .sub{color:var(--ink-3)}
  #page-solution .sol-rail.light .world{color:var(--ink-3)}
  /* 4단계 */
  #page-solution .sol-act1 .head h3 em,#page-solution .sol-act1 .head h3 em.play{color:var(--red)}
  #page-solution .sol-act1 .radius .lbl,#page-solution .sol-act2 .radius .lbl{color:var(--ink-3)}
  #page-solution .sol-act1 .stepcol .stepbadge{font-family:var(--body);font-weight:700}
  #page-solution .sol-act3 .side .tile i,#page-solution .sol-act4 .chain .tile i{background:var(--ink)}
  #page-solution .sol-act3 .side .role b{background:var(--ink)}
  #page-solution .sol-act3 .stmt{background:var(--surface);border:1px solid var(--line)}
  #page-solution .sol-act3 .stmt em{color:var(--red)}
  #page-solution .sol-act4 .pill{background:var(--ink);box-shadow:none}
  #page-solution .sol-act4 .chart .ch b{color:var(--ink)}
  /* 프로그램 */
  #page-solution #sol-ship .sec-head h2 .pp{color:var(--ink-3);font-size:.6em;letter-spacing:.12em}
  #page-solution .sol-ship .who button span{color:var(--ink-3)}
  #page-solution .sol-ship .who button[aria-selected=true]{background:var(--ink);border-color:var(--ink)}
  #page-solution .sol-ship .who button[aria-selected=true] span{color:#C9A6FF}
  #page-solution .sol-ship .qhead .now{background:linear-gradient(100deg,#EDE4FF,#DDD0F2);color:var(--ink);box-shadow:none;border:1px solid #D2C4EE;margin:-6px 0 -6px -6px}
  #page-solution .sol-ship .steps li::before{color:var(--ink-3)}
  /* 왜 플랫폼인가 */
  #page-solution .sol-why-head h2.big{-webkit-text-stroke:0}
  #page-solution .sol-cycle .ctr-k{fill:var(--red)}
  #page-solution .sol-cycle .c-ring{stroke:#5B1BC7}
  #page-solution .eco{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--e1)}
  #page-solution .eco .eh small{color:var(--ink-3)}#page-solution .eco .eh b{color:var(--ink)}
  #page-solution .eco .o{background:var(--surface);border:1px solid var(--line);box-shadow:none}
  #page-solution .eco .o .n{color:var(--ink-3);border-color:var(--line)}
  #page-solution .eco .o .fr{color:var(--ink-3)}#page-solution .eco .o b{color:var(--ink)}
  #page-solution .eco .ar{background:var(--ink)}#page-solution .eco .ar::after{border-left-color:var(--ink)}
  #page-solution .eco .o:hover{background:linear-gradient(100deg,#F3EEFB,#E9E0F7);border-color:#D2C4EE;box-shadow:var(--e1h)}
  #page-solution .eco .o:hover .fr{color:var(--ink-2)}
  /* 체크리스트 */
  #page-solution .sol-check .it[aria-pressed=true]{background:#F5F0FF;border-color:#C9B8EE}
  #page-solution .sol-check .it[aria-pressed=true] i{background:var(--ink);border-color:var(--ink)}
  #page-solution .sol-check .result .pill{background:var(--ink)}
  #page-solution .sol-check.done .result .pill{background:linear-gradient(100deg,var(--purple-3),var(--purple-2))}
  /* 정책 밴드 · CTA 밴드 */
  #page-solution .sol-flip .band-title{background:linear-gradient(100deg,#F3EEFB,#E4D9F5);box-shadow:none;border:1px solid #D9CBF0}
  #page-solution .sol-flip .band-title h3{color:var(--ink)}#page-solution .sol-flip .band-title h3 em{color:var(--red)}
  #page-solution .sol-flip .back{background:var(--ink);border-color:var(--ink)}
  #page-solution .sol-flip .back i{background:#C9A6FF;color:var(--ink)}
  #page-solution .mcta{background:linear-gradient(100deg,#F3EEFB,#E4D9F5);color:var(--ink);border:1px solid #D9CBF0}
  #page-solution .mcta h3,#page-solution .mcta p{color:var(--ink)}
  #page-solution .mcta .pill{background:var(--ink);color:#fff}
  #page-solution .nextp .big{color:var(--ink)}
  /* 형광펜 옅게 */
  #page-solution .mark{background-image:linear-gradient(90deg,#EDE4FF 50%,transparent 50%)}

  /* ===== 일관성 정리: 서체 · 라운드 · 그림자 ===== */
  #page-solution .sol-sticky .lead-h{font-size:clamp(28px,3.2vw,44px);line-height:1.25}
  #page-solution .sol-sticky .scene{min-height:62vh}
  #page-solution .sol-iso3 .scene{min-height:66vh}
  /* 서체: 배지·탭·버튼·캡션은 고딕 */
  #page-solution .sol-act3 .side .role b,#page-solution .eco .o b,#page-solution .sol-ship .qhead .now,#page-solution .sol-act1 .places b,#page-solution .sol-forms .row b,#page-solution .sol-forms summary b,#page-solution .sol-view .pnote b,#page-solution .sol-iso3 .steps button{font-family:var(--body);font-weight:800;letter-spacing:-.01em}
  #page-solution .eco .o b{font-size:18px}
  #page-solution .sol-act1 .places b{font-size:16px}
  #page-solution .sol-forms .row b{font-size:18px}
  #page-solution .sol-ship .qhead .now{font-size:clamp(18px,2vw,24px)}
  #page-solution .sol-act3 .side .role b{font-size:16px;padding:4px 12px}
  /* 라운드 3단계: 컨테이너 24 · 카드 16 · 칩 999 */
  #page-solution .sol-view,#page-solution .eco,#page-solution .sol-ship .panel,#page-solution .sol-flip .band-title,#page-solution .mcta,#page-solution .sol-stage,#page-solution .sol-act1 .radius{border-radius:var(--radius-lg)}
  #page-solution .sol-act3 .side .tile,#page-solution .sol-act4 .chain .tile,#page-solution .sol-check .it,#page-solution .sol-check .result,#page-solution .sol-ship .steps li,#page-solution .sol-flip .fr>span,#page-solution .sol-ribbon,#page-solution .eco .o,#page-solution .sol-act1 .places figure,#page-solution .sol-xp .gfx,#page-solution .sol-ship .who button,#page-solution .sol-iso3 .steps button,#page-solution .sol-view .pnote,#page-solution .sol-act4 .pill,#page-solution .sol-ship .qhead .was,#page-solution .sol-ship .qhead .now,#page-solution .sol-forms .row img{border-radius:var(--radius)}
  #page-solution .sol-ship .qhead .was{border-radius:16px 0 0 16px}
  /* 그림자 한 종류 */
  #page-solution .sol-view,#page-solution .eco,#page-solution .sol-ship .panel,#page-solution .sol-act3 .side .tile,#page-solution .sol-act4 .chain .tile,#page-solution .sol-check .it:hover,#page-solution .sol-act1 .radius,#page-solution .sol-xp .gfx,#page-solution .sol-stage{box-shadow:0 12px 28px -18px rgba(14,5,34,.28)}
  #page-solution .sol-check .it,#page-solution .sol-ship .who button,#page-solution .sol-iso3 .steps button,#page-solution .eco .o,#page-solution .sol-ship .steps li{box-shadow:none}
  #page-solution .sol-act3 .side .tile:hover,#page-solution .sol-act4 .chain .tile:hover{box-shadow:0 18px 34px -18px rgba(14,5,34,.32)}
  #page-solution .sol-view .pnote{box-shadow:none}

  /* ===================== 언러닝 페이지(unl-) ===================== */
  #page-unlearning .unl-flip{display:inline-block;font-family:var(--display);font-size:clamp(14px,1.4vw,18px);letter-spacing:.24em;margin-top:26px;perspective:600px}
  #page-unlearning .unl-flip .w{display:inline-block;transform-style:preserve-3d;animation:unlFlip 6s cubic-bezier(.7,0,.3,1) infinite}
  #page-unlearning .unl-flip .w b{display:block;font-weight:400;backface-visibility:hidden}
  #page-unlearning .unl-flip .w b:last-child{position:absolute;inset:0;transform:rotateX(180deg);color:var(--red)}
  @keyframes unlFlip{0%,38%{transform:rotateX(0)}50%,88%{transform:rotateX(180deg)}100%{transform:rotateX(360deg)}}

  
/* ===== ② 왜 언러닝인가 + 3단계 ===== */
  #page-unlearning .unl-why{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  #page-unlearning .unl-why .prose{color:var(--ink-2);font-size:17px;display:grid;gap:14px;max-width:36em}
  #page-unlearning .unl-why .prose strong{color:var(--ink)}
  #page-unlearning .unl-jcurve{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--e1)}
  #page-unlearning .unl-jcurve svg{width:100%;height:auto;display:block}
  #page-unlearning .unl-jcurve .lab{position:absolute;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3)}
  #page-unlearning .unl-jcurve path.j{fill:none;stroke:var(--red);stroke-width:3;stroke-dasharray:900;stroke-dashoffset:900}
  #page-unlearning .unl-jcurve path.h{fill:none;stroke:var(--ink-3);stroke-width:2;stroke-dasharray:6 6}
  #page-unlearning .unl-jcurve.in path.j{animation:unlDraw 2.4s cubic-bezier(.6,0,.2,1) .2s forwards}
  #page-unlearning .unl-jcurve .dot{opacity:0;transform-box:fill-box;transform-origin:center}
  #page-unlearning .unl-jcurve.in .dot{animation:unlDot .6s cubic-bezier(.3,1.4,.4,1) 1.7s forwards}
  #page-unlearning .unl-jcurve .ring{fill:none;stroke:var(--red);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
  #page-unlearning .unl-jcurve.in .ring{animation:unlRing 1.8s ease-out 2.2s infinite}
  #page-unlearning .unl-jcurve .tr{fill:var(--sun);stroke:var(--red);stroke-width:2;opacity:0}
  #page-unlearning .unl-jcurve .tag{opacity:0;transition:opacity .5s ease 2.5s}
  #page-unlearning .unl-jcurve.in .tag{opacity:1}
  @keyframes unlDraw{to{stroke-dashoffset:0}}
  @keyframes unlDot{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
  @keyframes unlRing{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(2.6)}}
  #page-unlearning .unl-jcurve .dot{fill:var(--red)}
  #page-unlearning .unl-steps{margin-top:56px}
  #page-unlearning .unl-tabs{display:flex;gap:8px;flex-wrap:wrap}
  #page-unlearning .unl-tabs button{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--pill);padding:12px 20px;font-weight:700;font-size:15px;display:inline-flex;gap:10px;align-items:center;color:var(--ink-2);transition:.2s}
  #page-unlearning .unl-tabs button em{font-style:normal;font-family:var(--display);font-size:17px;color:var(--ink-3)}
  #page-unlearning .unl-tabs button[aria-selected="true"]{background:var(--navy-band);color:#fff;border-color:var(--navy-band)}
  #page-unlearning .unl-tabs button[aria-selected="true"] em{color:var(--sun)}
  #page-unlearning .unl-panel{display:none;margin-top:28px;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--e1)}
  #page-unlearning .unl-panel[data-on]{display:grid}
  #page-unlearning .unl-panel h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.8vw,34px);margin:0;line-height:1.2}
  #page-unlearning .unl-panel p{color:var(--ink-2);margin:12px 0 0}
  #page-unlearning .unl-panel .act{margin-top:18px;font-size:14px;color:var(--ink-3)}
  #page-unlearning .unl-panel .act b{color:var(--ink)}
  /* 2-1 Success Trap 카드 밀어내기 */
  #page-unlearning .unl-trap{position:relative;height:280px;overflow:hidden;border-radius:var(--radius)}
  #page-unlearning .unl-trap .c{position:absolute;left:50%;top:50%;width:min(300px,86%);translate:-50% -50%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--e1);transition:transform .7s cubic-bezier(.6,0,.2,1),opacity .6s;font-size:15px;color:var(--ink-2)}
  #page-unlearning .unl-trap .c b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
  #page-unlearning .unl-trap .c:nth-child(1){transform:rotate(-6deg) translate(-70px,10px)}
  #page-unlearning .unl-trap .c:nth-child(2){transform:rotate(3deg) translate(0,-16px)}
  #page-unlearning .unl-trap .c:nth-child(3){transform:rotate(8deg) translate(72px,14px)}
  #page-unlearning .unl-trap.out .c:nth-child(1){transform:rotate(-30deg) translate(-720px,-80px);opacity:0}
  #page-unlearning .unl-trap.out .c:nth-child(2){transform:rotate(12deg) translate(0,-560px);opacity:0}
  #page-unlearning .unl-trap.out .c:nth-child(3){transform:rotate(34deg) translate(760px,-40px);opacity:0}
  #page-unlearning .unl-trap .free{position:absolute;inset:0;display:grid;place-items:center;text-align:center;opacity:0;transition:opacity .6s .5s;font-family:var(--display);font-size:28px;color:var(--ink)}
  #page-unlearning .unl-trap .free small{display:block;font-family:var(--body);font-size:14px;color:var(--ink-3);margin-top:6px}
  #page-unlearning .unl-trap.out .free{opacity:1}
  #page-unlearning .unl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--pill);border:1.5px solid var(--ink);background:transparent;font-weight:700;font-size:14px;margin-top:20px}
  #page-unlearning .unl-btn:hover{background:var(--ink);color:#fff}
  #page-unlearning .unl-btn.fill{background:var(--red);border-color:var(--red);color:#fff}
  #page-unlearning .unl-btn.fill:hover{background:var(--red-2)}
  /* 2-2 Reframing 캔버스 */
  #page-unlearning .unl-reframe{display:grid;gap:12px}
  #page-unlearning .unl-reframe .row{display:grid;grid-template-columns:1fr 32px 1fr;gap:10px;align-items:center}
  #page-unlearning .unl-reframe .old,#page-unlearning .unl-reframe .new{padding:14px 16px;border-radius:var(--radius-sm);font-size:15px;line-height:1.55}
  #page-unlearning .unl-reframe .old{background:var(--bg-2);color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
  #page-unlearning .unl-reframe .new{background:var(--sun-tint);color:var(--ink);font-weight:700}
  #page-unlearning .unl-reframe .arr{text-align:center;color:var(--red);font-family:var(--display);font-size:20px}
  #page-unlearning .unl-reframe .row.mine .old,#page-unlearning .unl-reframe .row.mine .new{border:1.5px dashed var(--line);background:var(--surface)}
  #page-unlearning .unl-reframe input{width:100%;border:0;background:transparent;font:inherit;color:inherit;outline:none}
  /* 2-3 Value Architect 로드맵 */
  #page-unlearning .unl-road{display:grid;gap:0;position:relative;padding-left:26px}
  #page-unlearning .unl-road::before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:2px;background:var(--line)}
  #page-unlearning .unl-road li{list-style:none;position:relative;padding:8px 0 8px 12px;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-road li::before{content:"";position:absolute;left:-23px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--ink-3)}
  #page-unlearning .unl-road li.ai::before{background:var(--sun);border-color:var(--sun)}
  #page-unlearning .unl-road li b{color:var(--ink)}
  #page-unlearning .unl-road li .who{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-left:8px}

  /* ===== ③ 성공의 함정 OLD vs NEW ===== */
  #page-unlearning .unl-vs{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
  #page-unlearning .unl-card{border-radius:var(--radius-lg);padding:38px 36px;position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column}
  #page-unlearning .unl-card.old{background:var(--bg-2);color:var(--ink-3);border:1px solid var(--line);filter:blur(0);transition:filter .6s,opacity .6s,transform .8s cubic-bezier(.6,0,.2,1)}
  #page-unlearning .unl-card.old .t{font-family:"Nanum Myeongjo","Gowun Batang",serif;font-size:clamp(24px,2.6vw,32px);line-height:1.35;color:var(--ink-2);margin:0}
  #page-unlearning .unl-card.old .l{margin-top:auto;padding-top:24px;display:grid;gap:8px;font-size:15px}
  #page-unlearning .unl-card.old .l span::before{content:"✕ ";color:var(--red)}
  #page-unlearning .unl-card.old.blur{filter:blur(3px);opacity:.55}
  #page-unlearning .unl-card.old.gone{transform:translateX(-120%) rotate(-8deg);opacity:0}
  #page-unlearning .unl-card.new{background:var(--navy-band);color:var(--navy-band-ink);box-shadow:var(--shadow);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  #page-unlearning .unl-card.new .t{font-family:var(--display);font-size:clamp(30px,3.6vw,46px);line-height:1.12;margin:0}
  #page-unlearning .unl-card.new .t span{color:var(--sun)}
  #page-unlearning .unl-card.new .l{margin-top:auto;padding-top:24px;display:grid;gap:8px;font-size:15px;color:var(--navy-band-mute)}
  #page-unlearning .unl-card.new .l span::before{content:"◆ ";color:var(--sun)}
  #page-unlearning .unl-card.new .jump{position:absolute;right:26px;top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--sun);border:1px solid var(--navy-band-line);border-radius:var(--pill);padding:6px 12px}
  #page-unlearning .unl-vs.push .unl-card.new{transform:scale(1.03)}
  #page-unlearning .unl-tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;margin-bottom:18px;opacity:.75}
  #page-unlearning .unl-vsctl{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;align-items:center;color:var(--ink-3);font-size:14px}

  /* ===== ④ 주체별 비워낼 대상 ===== */
  #page-unlearning .unl-who{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  #page-unlearning .unl-who .p{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--e1);transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-who .p:hover{transform:translateY(-4px);box-shadow:var(--e1h)}
  #page-unlearning .unl-who .role{font-family:var(--display);font-size:26px;display:flex;align-items:baseline;gap:10px}
  #page-unlearning .unl-who .role small{font-family:var(--body);font-size:13px;color:var(--ink-3);font-weight:700}
  #page-unlearning .unl-who dl{margin:18px 0 0;display:grid;gap:12px}
  #page-unlearning .unl-who dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  #page-unlearning .unl-who dd{margin:2px 0 0;font-size:15px;color:var(--ink)}
  #page-unlearning .unl-who dd.out{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
  #page-unlearning .unl-who dd.asset{display:inline-block;background:var(--sun-tint);padding:6px 10px;border-radius:var(--radius-sm);font-weight:700}

  /* ===== ⑤ 인사이트 / 리뷰 ===== */
  #page-unlearning .unl-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
  #page-unlearning .unl-filter button{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--pill);padding:9px 16px;font-size:14px;font-weight:700;color:var(--ink-2)}
  #page-unlearning .unl-filter button[aria-pressed="true"]{background:var(--sun);border-color:var(--sun);color:var(--ink)}
  #page-unlearning .unl-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  #page-unlearning .unl-post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--e1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-post:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-unlearning .unl-post[hidden]{display:none}
  #page-unlearning .unl-post .cover{height:150px;position:relative;display:flex;align-items:flex-end;padding:16px}
  #page-unlearning .unl-post .cover .t{font-family:var(--display);font-size:16px;letter-spacing:.06em;background:var(--surface);padding:5px 10px;border-radius:var(--radius-xs)}
  #page-unlearning .unl-post .c-ins{background:linear-gradient(135deg,var(--sun-tint),var(--bg-2))}
  #page-unlearning .unl-post .c-ai{background:linear-gradient(135deg,var(--bg-2),var(--red-tint))}
  #page-unlearning .unl-post .c-pol{background:linear-gradient(135deg,#E8ECF4,var(--bg-2))}
  #page-unlearning .unl-post .c-rev{background:linear-gradient(135deg,var(--red-tint),var(--sun-tint))}
  #page-unlearning .unl-post .bd{padding:20px 22px 22px;display:grid;gap:10px}
  #page-unlearning .unl-post h3{margin:0;font-size:19px;line-height:1.35}
  #page-unlearning .unl-post .flip{font-size:14px;line-height:1.55;color:var(--ink-2)}
  #page-unlearning .unl-post .flip s{color:var(--ink-3);text-decoration-color:var(--red)}
  #page-unlearning .unl-post .flip b{display:block;color:var(--ink)}
  #page-unlearning .unl-post .meta{display:flex;gap:12px;font-size:13px;color:var(--ink-3);margin-top:auto}

  /* ===== ⑥ 토론장(이슈) ===== */
  #page-unlearning .unl-issues{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--e1)}
  #page-unlearning .unl-issues .hd{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2);gap:12px;flex-wrap:wrap}
  #page-unlearning .unl-issues .hd b{color:var(--ink)}
  #page-unlearning .unl-issue{display:grid;grid-template-columns:28px 1fr auto;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);align-items:start}
  #page-unlearning .unl-issue:last-child{border-bottom:0}
  #page-unlearning .unl-issue .st{width:12px;height:12px;border-radius:50%;margin-top:8px;background:var(--red)}
  #page-unlearning .unl-issue .st.done{background:var(--ink-3)}
  #page-unlearning .unl-issue h3{margin:0;font-size:17px;line-height:1.4}
  #page-unlearning .unl-issue h3 span{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-left:8px}
  #page-unlearning .unl-issue .labels{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  #page-unlearning .unl-issue .labels i{font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:var(--radius-xs);background:var(--sun-tint);color:var(--ink-2)}
  #page-unlearning .unl-issue .labels i.pol{background:#E8ECF4}#page-unlearning .unl-issue .labels i.ai{background:var(--red-tint)}
  #page-unlearning .unl-issue .vote{display:grid;gap:8px;min-width:190px}
  #page-unlearning .unl-issue .bar{height:8px;border-radius:var(--radius-xs);background:var(--bg-2);overflow:hidden;display:flex}
  #page-unlearning .unl-issue .bar i{display:block;height:100%;background:var(--red);transition:width .5s}
  #page-unlearning .unl-issue .bar i+i{background:var(--navy-band)}
  #page-unlearning .unl-issue .vb{display:flex;gap:6px}
  #page-unlearning .unl-issue .vb button{flex:1;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-xs);padding:6px 8px;font-size:13px;font-weight:700}
  #page-unlearning .unl-issue .vb button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
  #page-unlearning .unl-issue .cnt{font-size:12px;color:var(--ink-3);text-align:right}

  /* ===== ⑦ 커뮤니티: 포크·잔디·지표 ===== */
  #page-unlearning .unl-comm{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
  #page-unlearning .unl-recipes{display:grid;gap:14px}
  #page-unlearning .unl-recipe{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
  #page-unlearning .unl-recipe h3{margin:0;font-size:17px}
  #page-unlearning .unl-recipe .ped{font-size:13px;color:var(--ink-3);margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  #page-unlearning .unl-recipe .ped em{font-style:normal;background:var(--bg-2);padding:2px 8px;border-radius:var(--radius-xs);color:var(--ink-2)}
  #page-unlearning .unl-recipe .ped .a{color:var(--red);font-family:var(--display)}
  #page-unlearning .unl-recipe .fk{border:1.5px solid var(--ink);background:transparent;border-radius:var(--pill);padding:9px 14px;font-size:13px;font-weight:700;white-space:nowrap}
  #page-unlearning .unl-recipe .fk:hover,#page-unlearning .unl-recipe .fk.done{background:var(--ink);color:#fff}
  #page-unlearning .unl-grass{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--e1)}
  #page-unlearning .unl-grass .g{display:grid;grid-template-columns:repeat(26,1fr);gap:3px;margin-top:14px}
  #page-unlearning .unl-grass .g i{aspect-ratio:1;border-radius:2px;background:var(--bg-2);transition:background .4s}
  #page-unlearning .unl-grass .g i[data-l="1"]{background:#FFF1C2}#page-unlearning .unl-grass .g i[data-l="2"]{background:#FFD866}#page-unlearning .unl-grass .g i[data-l="3"]{background:var(--sun)}#page-unlearning .unl-grass .g i[data-l="4"]{background:var(--red)}
  #page-unlearning .unl-grass .cap{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-3);margin-top:10px}
  #page-unlearning .unl-grass h3{margin:0;font-size:16px}
  #page-unlearning .unl-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
  #page-unlearning .unl-metrics div{background:var(--bg-2);border-radius:var(--radius-sm);padding:14px 14px 12px}
  #page-unlearning .unl-metrics b{display:block;font-family:var(--display);font-size:26px;line-height:1;color:var(--ink)}
  #page-unlearning .unl-metrics span{font-size:12px;color:var(--ink-3);display:block;margin-top:6px;line-height:1.4}
  #page-unlearning .unl-metrics small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);margin-top:6px}

  /* ===== ⑧ 언러닝 진단 ===== */
  #page-unlearning .unl-diag{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
  #page-unlearning .unl-quiz{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}
  #page-unlearning .unl-quiz .prog{display:flex;gap:6px;margin-bottom:18px}
  #page-unlearning .unl-quiz .prog i{flex:1;height:6px;border-radius:var(--radius-xs);background:var(--bg-2)}
  #page-unlearning .unl-quiz .prog i.on{background:var(--sun)}
  #page-unlearning .unl-quiz .q{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);line-height:1.3;min-height:3.2em}
  #page-unlearning .unl-quiz .opts{display:grid;gap:10px;margin-top:18px}
  #page-unlearning .unl-quiz .opts button{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:14px 16px;font-size:15px;line-height:1.45;transition:.15s}
  #page-unlearning .unl-quiz .opts button:hover{border-color:var(--ink);transform:translateX(3px)}
  #page-unlearning .unl-quiz .res{display:none}
  #page-unlearning .unl-quiz[data-done] .qbox{display:none}
  #page-unlearning .unl-quiz[data-done] .res{display:block}
  #page-unlearning .unl-quiz .res .type{font-family:var(--display);font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:6px 0 10px}
  #page-unlearning .unl-quiz .res p{color:var(--ink-2);margin:0}
  #page-unlearning .unl-quiz .res dl{margin:18px 0 0;display:grid;gap:10px;background:var(--bg-2);border-radius:var(--radius-sm);padding:16px 18px}
  #page-unlearning .unl-quiz .res dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3)}
  #page-unlearning .unl-quiz .res dd{margin:2px 0 0;font-size:15px}
  #page-unlearning .unl-quiz .res dd.out{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px;color:var(--ink-3)}
  #page-unlearning .unl-quiz .res .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
  #page-unlearning .unl-diag .side p{color:var(--navy-band-mute)}
  #page-unlearning .unl-diag .side ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
  #page-unlearning .unl-diag .side li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;color:var(--navy-band-ink)}
  #page-unlearning .unl-diag .side li i{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--sun);color:var(--ink);display:grid;place-items:center;font-family:var(--display);font-size:17px;font-style:normal}
  #page-unlearning .unl-diag .side li span{display:block;color:var(--navy-band-mute);font-size:14px}

  /* ===== ⑨ 2022 개정 교육과정 연계 ===== */
  #page-unlearning .unl-cur{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  #page-unlearning .unl-cur .b{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--e1)}
  #page-unlearning .unl-cur .b h3{margin:0;font-size:19px}
  #page-unlearning .unl-cur .b p{color:var(--ink-2);margin:10px 0 0;font-size:15px}
  #page-unlearning .unl-cur .hrs{display:flex;gap:26px;margin-top:18px}
  #page-unlearning .unl-cur .hrs div b{font-family:var(--display);font-size:44px;line-height:1;display:block}
  #page-unlearning .unl-cur .hrs div b small{font-size:18px;margin-left:4px}
  #page-unlearning .unl-cur .hrs div span{font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-cur .rep{margin-top:18px;display:grid;gap:8px}
  #page-unlearning .unl-cur .rep div{display:flex;justify-content:space-between;align-items:center;background:var(--bg-2);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}
  #page-unlearning .unl-cur .rep div b{font-family:var(--mono);font-size:12px;color:var(--ink-3);font-weight:500}

  
/* ===== 티처스 깃허브 ===== */
  #page-unlearning .unl-gh{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
  #page-unlearning .unl-gh button{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--pill);padding:11px 18px;font-weight:700;font-size:14px;display:inline-flex;gap:10px;align-items:center;color:var(--ink-2)}
  #page-unlearning .unl-gh button em{font-style:normal;font-family:var(--display);font-size:16px;color:var(--ink-3)}
  #page-unlearning .unl-gh button[aria-selected="true"]{background:var(--navy-band);color:#fff;border-color:var(--navy-band)}
  #page-unlearning .unl-gh button[aria-selected="true"] em{color:var(--sun)}
  #page-unlearning .unl-ghp{display:none}#page-unlearning .unl-ghp[data-on]{display:block}
  #page-unlearning .unl-commits{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--e1);overflow:hidden}
  #page-unlearning .unl-commit{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:start;padding:18px 22px;border-bottom:1px solid var(--line)}
  #page-unlearning .unl-commit:last-child{border-bottom:0}
  #page-unlearning .unl-commit .h{font-family:var(--mono);font-size:12px;color:var(--red);padding-top:3px}
  #page-unlearning .unl-commit b{display:block;font-size:16px;line-height:1.4}
  #page-unlearning .unl-commit div>span{display:block;font-size:14px;color:var(--ink-3);margin-top:4px}
  #page-unlearning .unl-commit .who{font-size:13px;color:var(--ink-3);white-space:nowrap;padding-top:3px}
  /* ===== 러닝 콘텐츠 ===== */
  #page-unlearning .unl-courses{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  #page-unlearning .unl-course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--e1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-course:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-unlearning .unl-course .lv{display:flex;align-items:baseline;gap:10px;font-family:var(--display);font-size:22px}
  #page-unlearning .unl-course .lv em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-course h3{margin:10px 0 0;font-size:18px;line-height:1.35}
  #page-unlearning .unl-course p{color:var(--ink-2);font-size:15px;margin:10px 0 0}
  #page-unlearning .unl-course ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--ink-3)}
  #page-unlearning .unl-course ul li::before{content:"· "}
  #page-unlearning .unl-course .unl-btn{margin-top:auto;padding-top:10px;padding-bottom:10px;font-size:13px;align-self:flex-start;margin-top:18px}
  #page-unlearning .unl-journal{margin-top:32px;background:var(--sun-tint);border-radius:var(--radius-lg);padding:32px 36px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}
  #page-unlearning .unl-journal p{color:var(--ink-2);margin:10px 0 0;font-size:15px}
  #page-unlearning .unl-jl{display:grid;gap:8px}
  #page-unlearning .unl-jl div{background:var(--surface);border-radius:var(--radius-sm);padding:12px 16px;display:flex;gap:14px;align-items:center;font-size:15px;color:var(--ink-2)}
  #page-unlearning .unl-jl div b{font-family:var(--mono);font-size:11px;color:var(--ink-3);white-space:nowrap}
  #page-unlearning .unl-jl div s{color:var(--ink-3);text-decoration-color:var(--red)}
  #page-unlearning .unl-jl div strong{color:var(--ink)}
  /* ===== 나침반 ===== */
  #page-unlearning .unl-compass{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;margin-top:8px}
  #page-unlearning .unl-compass svg{width:100%;height:auto}
  #page-unlearning .unl-axes{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}
  #page-unlearning .unl-axes li{display:grid;grid-template-columns:110px 1fr 30px;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
  #page-unlearning .unl-axes li i{display:block;height:8px;border-radius:var(--radius-xs);background:var(--bg-2);overflow:hidden}
  #page-unlearning .unl-axes li i b{display:block;height:100%;background:var(--sun);transition:width .8s}
  #page-unlearning .unl-axes li.low i b{background:var(--red)}
  #page-unlearning .unl-axes li span{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-align:right}
  /* ===== 키트 패키지 ===== */
  #page-unlearning .unl-pack{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:12px;align-items:stretch}
  #page-unlearning .unl-pack .plus{display:grid;place-items:center;font-family:var(--display);font-size:32px;color:var(--red)}
  #page-unlearning .unl-pack .pk{background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
  #page-unlearning .unl-pack .pk .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun)}
  #page-unlearning .unl-pack .pk h3{margin:10px 0 0;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2}
  #page-unlearning .unl-pack .pk p{margin:10px 0 0;color:var(--navy-band-mute);font-size:15px}
  @media (max-width:768px){#page-unlearning .unl-courses{grid-template-columns:1fr 1fr}#page-unlearning .unl-journal{grid-template-columns:1fr;padding:26px}#page-unlearning .unl-pack{grid-template-columns:1fr}#page-unlearning .unl-compass{grid-template-columns:160px 1fr}#page-unlearning .unl-commit{grid-template-columns:60px 1fr}#page-unlearning .unl-commit .who{grid-column:2}}
  @media (max-width:480px){#page-unlearning .unl-courses{grid-template-columns:1fr}#page-unlearning .unl-compass{grid-template-columns:1fr}#page-unlearning .unl-axes li{grid-template-columns:84px 1fr 28px}}

  
/* ===== 반응형: 768 / 480 단일 기준 ===== */
  @media (max-width:768px){
  #page-unlearning .unl-why,#page-unlearning .unl-vs,#page-unlearning .unl-comm,#page-unlearning .unl-diag,#page-unlearning .unl-cur,#page-unlearning .unl-panel{grid-template-columns:1fr}
  #page-unlearning .unl-who,#page-unlearning .unl-posts{grid-template-columns:1fr 1fr}
  #page-unlearning .unl-metrics{grid-template-columns:repeat(3,1fr)}
  #page-unlearning .unl-plain{padding-block:64px}
  #page-unlearning .unl-issue{grid-template-columns:20px 1fr}
  #page-unlearning .unl-issue .vote{grid-column:2;min-width:0}
  #page-unlearning .unl-card{min-height:300px;padding:28px 24px}
  }
  @media (max-width:480px){
  #page-unlearning .unl-who,#page-unlearning .unl-posts,#page-unlearning .unl-metrics{grid-template-columns:1fr}
  #page-unlearning .unl-tabs button{padding:10px 14px;font-size:14px}
  #page-unlearning .unl-panel{padding:24px 20px}
  #page-unlearning .unl-trap{height:240px}
  #page-unlearning .unl-reframe .row{grid-template-columns:1fr;gap:6px}
  #page-unlearning .unl-reframe .arr{transform:rotate(90deg)}
  #page-unlearning .unl-recipe{grid-template-columns:1fr}
  #page-unlearning .unl-grass .g{grid-template-columns:repeat(13,1fr)}
  #page-unlearning .unl-cur .hrs{gap:18px}
  #page-unlearning .unl-cur .hrs div b{font-size:36px}
  #page-unlearning .unl-card.new .jump{display:none}
  #page-unlearning .unl-trap .c{width:70%}
  }

  /* ===== 언러닝 페이지 전용 보정 ===== */
  #page-unlearning .unl-plain{padding-block:88px}
  #page-unlearning .unl-note{margin-top:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 22px;color:var(--ink-2);font-size:15px;display:flex;gap:14px;align-items:center}
  #page-unlearning .unl-note b{color:var(--ink);font-weight:700;white-space:nowrap}
  #page-unlearning .unl-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--pill);background:var(--bg-2);color:var(--ink-2);font-size:13px;font-weight:700;border:1px solid var(--line)}
  #page-unlearning .pill.unl-navy{background:var(--navy-band);color:#fff;border-color:var(--navy-band)}
  #page-unlearning .band.navy .eyebrow{color:var(--sun)}#page-unlearning .band.navy .eyebrow::before{background:var(--sun)}
  #page-unlearning .band.navy .sec-head p{color:var(--navy-band-mute)}
  #page-unlearning .unl-quiz{color:var(--ink)}
  #page-unlearning .unl-quiz .eyebrow{color:var(--red)}
  #page-unlearning .unl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--pill);border:1.5px solid var(--ink);background:transparent;font:inherit;font-weight:700;font-size:14px;margin-top:20px;cursor:pointer;color:inherit;text-decoration:none}
  #page-unlearning .unl-btn:hover{background:var(--ink);color:#fff}
  #page-unlearning .unl-btn.fill{background:var(--red);border-color:var(--red);color:#fff}
  #page-unlearning .unl-btn.fill:hover{background:var(--red-2)}
  #page-unlearning .unl-gh button,#page-unlearning .unl-tabs button,#page-unlearning .unl-filter button,#page-unlearning .unl-issue .vb button,#page-unlearning .unl-recipe .fk,#page-unlearning .unl-quiz .opts button{font:inherit;cursor:pointer;color:inherit}
  #page-unlearning .unl-quiz .opts button{font-size:15px}
  #page-unlearning .unl-gh button,#page-unlearning .unl-tabs button{font-weight:700}
  @media (max-width:768px){#page-unlearning .unl-plain{padding-block:64px}}
  .unl-modal button,.unl-modal .pill{font:inherit;cursor:pointer}
/* ===== 모달(Fail-Log / 이슈 레이징) ===== */
  dialog.unl-modal{border:0;border-radius:var(--radius-lg);padding:0;width:min(560px,92vw);box-shadow:var(--shadow);background:var(--surface);color:var(--ink)}
  dialog.unl-modal::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}
  .unl-modal form{padding:30px}
  .unl-modal h3{font-family:var(--display);font-weight:400;font-size:28px;margin:0}
  .unl-modal p{color:var(--ink-2);margin:8px 0 18px;font-size:15px}
  .unl-modal label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-top:14px}
  .unl-modal input,.unl-modal textarea,.unl-modal select{width:100%;margin-top:6px;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font:inherit;font-size:15px;background:var(--bg);color:var(--ink)}
  .unl-modal textarea{min-height:96px;resize:vertical}
  .unl-modal .emo{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .unl-modal .emo label{margin:0;border:1.5px solid var(--line);border-radius:var(--pill);padding:8px 14px;cursor:pointer;font-weight:700;font-size:14px}
  .unl-modal .emo input{display:none}
  .unl-modal .emo label.on{background:var(--sun);border-color:var(--sun);color:var(--ink)}
  .unl-modal .ft{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
  .unl-modal .done{padding:40px 30px;text-align:center;display:none}
  .unl-modal[data-done] form{display:none}.unl-modal[data-done] .done{display:block}
  .unl-modal .done .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--red)}
  .unl-modal .done h3{margin-top:8px}
  .unl-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));translate:-50% 20px;background:var(--navy-band);color:#fff;padding:12px 20px;border-radius:var(--pill);font-size:14px;font-weight:700;opacity:0;transition:.3s;z-index:60;pointer-events:none}
  .unl-toast.show{opacity:1;translate:-50% 0}


  

  /* ===== 언러닝 5탭 재편 ===== */
  #page-unlearning .unl-sub{position:sticky;top:69px;z-index:30;background:rgba(255,253,250,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  #page-unlearning .unl-sub .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
  #page-unlearning .unl-sub a{flex:none;text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;padding:16px 16px 14px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px}
  #page-unlearning .unl-sub a.on{color:var(--ink);border-bottom-color:var(--red)}
  #page-unlearning .unl-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  #page-unlearning .unl-feat .f{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--e1);transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-feat .f:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-unlearning .unl-feat em{font-style:normal;font-family:var(--display);font-size:34px;color:var(--red);line-height:1}
  #page-unlearning .unl-feat h3{margin:14px 0 0;font-size:19px;line-height:1.35}
  #page-unlearning .unl-feat p{margin:10px 0 0;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-feat .go{margin-top:auto;padding-top:18px;font-weight:700;font-size:14px;color:var(--ink)}
  #page-unlearning .unl-feat .go::after{content:" →"}
  #page-unlearning .unl-mx{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e1)}
  #page-unlearning .unl-mx .hd,#page-unlearning .unl-mx .rw{display:grid;grid-template-columns:56px repeat(3,1fr)}
  #page-unlearning .unl-mx .hd{background:var(--navy-band);color:var(--navy-band-ink)}
  #page-unlearning .unl-mx .hd span{padding:16px 20px;font-family:var(--display);font-size:20px}
  #page-unlearning .unl-mx .hd span em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun);margin-bottom:2px}
  #page-unlearning .unl-mx .rw{border-top:1px solid var(--line)}
  #page-unlearning .unl-mx .n{display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--ink-3);background:var(--bg-2)}
  #page-unlearning .unl-mx .c{padding:20px;border-left:1px solid var(--line);font-size:14px;color:var(--ink-2);line-height:1.55}
  #page-unlearning .unl-mx .c b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
  #page-unlearning .unl-mx .c:hover{background:var(--sun-tint)}
  #page-unlearning .unl-proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;counter-reset:none}
  #page-unlearning .unl-proc li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--e1)}
  #page-unlearning .unl-proc li em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--red)}
  #page-unlearning .unl-proc li b{display:block;font-family:var(--display);font-size:22px;margin-top:6px}
  #page-unlearning .unl-proc li span{display:block;font-size:13px;color:var(--ink-3);margin-top:4px;line-height:1.45}
  #page-unlearning .unl-proc li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;translate:0 -50%;color:var(--red);font-family:var(--display);font-size:18px;z-index:1}
  #page-unlearning .unl-hubhead{padding:88px 0 0}
  #page-unlearning .unl-hubhead .wrap{max-width:900px}
  #page-unlearning .unl-hubhead p{color:var(--ink-2);font-size:17px;margin:16px 0 0;max-width:36em}
  @media (max-width:768px){#page-unlearning .unl-feat{grid-template-columns:1fr}#page-unlearning .unl-mx .hd,#page-unlearning .unl-mx .rw{grid-template-columns:40px repeat(3,1fr)}#page-unlearning .unl-mx .c{padding:12px;font-size:13px}#page-unlearning .unl-mx .hd span{padding:12px;font-size:16px}#page-unlearning .unl-proc{grid-template-columns:repeat(3,1fr)}#page-unlearning .unl-proc li:nth-child(3)::after{display:none}#page-unlearning .unl-hubhead{padding-top:64px}}
  @media (max-width:480px){#page-unlearning .unl-mx .hd{display:none}#page-unlearning .unl-mx .rw{grid-template-columns:1fr}#page-unlearning .unl-mx .n{padding:6px;text-align:left;display:block}#page-unlearning .unl-mx .c{border-left:0;border-top:1px solid var(--line)}#page-unlearning .unl-proc{grid-template-columns:1fr 1fr}#page-unlearning .unl-proc li::after{display:none}}
  #page-unlearning .phero{overflow:hidden}

  /* ===================== 서비스 페이지(svc-) ===================== */
  #page-services .phero{overflow:hidden}
  #page-services .svc-plain{padding-block:88px}
  #page-services .svc-map{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e1)}
  #page-services .svc-map .hd,#page-services .svc-map .rw{display:grid;grid-template-columns:120px repeat(3,1fr)}
  #page-services .svc-map .hd{background:var(--navy-band);color:var(--navy-band-ink)}
  #page-services .svc-map .hd span{padding:16px 20px;font-family:var(--display);font-size:19px}
  #page-services .svc-map .hd span em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun);margin-bottom:2px}
  #page-services .svc-map .rw{border-top:1px solid var(--line)}
  #page-services .svc-map .k{padding:18px 20px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-3);background:var(--bg-2);display:flex;align-items:center}
  #page-services .svc-map .rw>div{padding:18px 20px;border-left:1px solid var(--line);font-size:15px;color:var(--ink-2);line-height:1.55}
  #page-services .svc-map .rw>div b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
  #page-services .svc-map .rw.go>div{display:flex;align-items:center}
  #page-services .svc-map .rw.go .pill{padding:10px 16px;font-size:14px;background:var(--ink);color:#fff}
  #page-services .svc-map .rw.go .pill svg{width:14px;height:14px}
  #page-services .svc-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  #page-services .svc-sub .c{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--e1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
  #page-services .svc-sub .c:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-services .svc-sub em{font-style:normal;font-family:var(--display);font-size:32px;color:var(--red);line-height:1}
  #page-services .svc-sub h3{margin:12px 0 0;font-size:19px;line-height:1.35}
  #page-services .svc-sub p{margin:10px 0 0;color:var(--ink-2);font-size:15px}
  #page-services .svc-sub a{margin-top:auto;padding-top:18px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
  #page-services .svc-sub a svg{width:14px;height:14px}
  #page-services .svc-foot{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
  #page-services .svc-foot .nums{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap}
  #page-services .svc-foot .nums b{display:block;font-family:var(--display);font-size:34px;line-height:1}
  #page-services .svc-foot .nums span{font-size:13px;color:var(--ink-3)}
  #page-services .svc-foot .nums small{flex-basis:100%;font-size:12px;color:var(--ink-3)}
  #page-services .svc-foot .ctas{display:flex;gap:10px;flex-wrap:wrap}
  #page-services .svc-foot .pill svg{width:14px;height:14px}
  #page-services .svc-route{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  #page-services .svc-route .r{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--e1);display:flex;flex-direction:column}
  #page-services .svc-route em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-services .svc-route h3{margin:10px 0 0;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2}
  #page-services .svc-route p{margin:10px 0 0;color:var(--ink-2);font-size:15px}
  #page-services .svc-route .for{margin-top:auto;padding-top:16px;font-size:13px;color:var(--ink-3)}
  @media (max-width:768px){#page-services .svc-plain{padding-block:64px}#page-services .svc-map .hd{display:none}#page-services .svc-map .rw{grid-template-columns:1fr}#page-services .svc-map .k{padding:10px 20px}#page-services .svc-map .rw>div{border-left:0;border-top:1px solid var(--line)}#page-services .svc-map .rw>div::before{content:attr(data-h);display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--red);margin-bottom:4px}#page-services .svc-sub,#page-services .svc-route{grid-template-columns:1fr}}
  @media (max-width:480px){#page-services .svc-foot .nums{gap:18px}#page-services .svc-foot .nums b{font-size:28px}}

  /* ===== 3단계 정의 아코디언(dayos 스타일) ===== */
  #page-unlearning .unl-why{display:block}
  #page-unlearning .unl-jcurve{max-width:760px;width:100%;margin:0 auto}
  #page-unlearning .unl-def{padding-block:96px}
  #page-unlearning .unl-defhead{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:end;margin-bottom:48px}
  #page-unlearning .unl-defhead h2{font-size:clamp(34px,4.6vw,56px);line-height:1;margin:14px 0 0;letter-spacing:-.01em}
  #page-unlearning .unl-defhead p{margin:0;color:var(--navy-band-mute);font-size:17px;max-width:30em}
  #page-unlearning .unl-acc{border-top:1px solid var(--navy-band-line)}
  #page-unlearning .unl-acc .it{border-bottom:1px solid var(--navy-band-line)}
  #page-unlearning .unl-acc .hd{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;background:none;border:0;color:var(--navy-band-ink);text-align:left;font:inherit;cursor:pointer}
  #page-unlearning .unl-acc .t{font-family:var(--display);font-size:clamp(30px,4.4vw,56px);line-height:1;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
  #page-unlearning .unl-acc .t small{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--sun)}
  #page-unlearning .unl-acc .ar{flex:none;width:52px;height:52px;border-radius:var(--radius-sm);border:1.5px solid var(--navy-band-ink);display:grid;place-items:center;transition:background .25s,color .25s,transform .35s}
  #page-unlearning .unl-acc .ar svg{width:20px;height:20px}
  #page-unlearning .unl-acc .hd:hover .ar{background:var(--navy-band-ink);color:var(--navy-band)}
  #page-unlearning .unl-acc .hd[aria-expanded="true"] .ar{background:var(--sun);border-color:var(--sun);color:var(--navy-band);transform:rotate(-135deg)}
  #page-unlearning .unl-acc .bd{padding:0 0 34px}
  #page-unlearning .unl-acc .g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  #page-unlearning .unl-acc .g em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--sun);margin-bottom:8px}
  #page-unlearning .unl-acc .g p{margin:0;color:var(--navy-band-mute);font-size:15px;line-height:1.7}
  #page-unlearning .unl-acc .g p .todo{background:var(--navy-band-line);color:var(--navy-band-mute)}
  @media (max-width:768px){#page-unlearning .unl-def{padding-block:64px}#page-unlearning .unl-defhead{grid-template-columns:1fr;gap:16px;margin-bottom:28px}#page-unlearning .unl-acc .g{grid-template-columns:1fr;gap:18px}#page-unlearning .unl-acc .hd{padding:20px 0}#page-unlearning .unl-acc .ar{width:44px;height:44px}}

  /* ===== 성공의 함정: 모션 프리젠테이션 ===== */
  #page-unlearning .unl-trapx{max-width:760px;margin-bottom:34px}
  #page-unlearning .unl-trapx .ey{display:flex;align-items:center;gap:10px}
  #page-unlearning .unl-trapx .ic{width:26px;height:26px;border-radius:var(--radius-xs);background:var(--navy-band);color:var(--sun);display:grid;place-items:center}
  #page-unlearning .unl-trapx .ic svg{width:14px;height:14px}
  #page-unlearning .unl-trapx h2{font-size:clamp(34px,4.6vw,56px);margin:16px 0 0}
  #page-unlearning .unl-trapx p{color:var(--ink-2);margin:16px 0 0;font-size:17px}
  #page-unlearning .unl-stage{background:#0B1020;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}
  #page-unlearning .unl-stage svg{display:block;width:100%;height:auto}
  #page-unlearning .unl-stage .s{opacity:0;transition:opacity .6s ease;pointer-events:none}
  #page-unlearning .unl-stage[data-scene="1"] .s1,#page-unlearning .unl-stage[data-scene="2"] .s2,#page-unlearning .unl-stage[data-scene="3"] .s3,#page-unlearning .unl-stage[data-scene="4"] .s4{opacity:1}
  /* 장면별 모션 */
  #page-unlearning .unl-stage .lane{stroke-dashoffset:0;animation:unlLane 1.2s linear infinite}
  @keyframes unlLane{to{stroke-dashoffset:-26}}
  #page-unlearning .unl-stage .lane.dim{animation-duration:3s;opacity:.35}
  #page-unlearning .unl-stage .tag{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
  #page-unlearning .unl-stage .s.on .tag{opacity:1;transform:none}
  #page-unlearning .unl-stage .s.on .tag.sub{transition-delay:.25s}
  #page-unlearning .unl-stage .goal{transform-box:fill-box;transform-origin:center;animation:unlPulse 1.6s ease-in-out infinite}
  @keyframes unlPulse{50%{transform:scale(1.06)}}
  #page-unlearning .unl-stage .s2 .down{stroke-dasharray:900;stroke-dashoffset:900}
  #page-unlearning .unl-stage .s2.on .down{animation:unlDrawL 1.8s ease .3s forwards}
  @keyframes unlDrawL{to{stroke-dashoffset:0}}
  #page-unlearning .unl-stage .s2 .fade circle{opacity:1}
  #page-unlearning .unl-stage .s2.on .fade circle{animation:unlFade 2.4s ease .8s forwards}
  @keyframes unlFade{to{opacity:.12}}
  #page-unlearning .unl-stage .s2 .ai{transform-box:fill-box;transform-origin:center;transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.4,1) .4s,opacity .4s .4s}
  #page-unlearning .unl-stage .s2.on .ai{transform:none;opacity:1}
  #page-unlearning .unl-stage .draw{stroke-dasharray:1400;stroke-dashoffset:1400}
  #page-unlearning .unl-stage .s3.on .draw{animation:unlDrawP 2.2s cubic-bezier(.6,0,.2,1) .9s forwards}
  #page-unlearning .unl-stage .s4.on .draw{animation:unlDrawP 2s cubic-bezier(.6,0,.2,1) .3s forwards}
  @keyframes unlDrawP{to{stroke-dashoffset:0}}
  #page-unlearning .unl-stage .s3 .card{transform-box:fill-box;transform-origin:center;transition:transform .9s cubic-bezier(.6,0,.2,1) .6s,opacity .7s .6s}
  #page-unlearning .unl-stage .s3.on .c1{transform:translate(-420px,-120px) rotate(-18deg);opacity:0}
  #page-unlearning .unl-stage .s3.on .c2{transform:translate(-420px,140px) rotate(14deg);opacity:0}
  #page-unlearning .unl-stage .s3 .step,#page-unlearning .unl-stage .s4 .trail circle,#page-unlearning .unl-stage .s4 .trail-l text,#page-unlearning .unl-stage .s4 .risk,#page-unlearning .unl-stage .s4 .win{opacity:0;transition:opacity .5s ease}
  #page-unlearning .unl-stage .s3.on .st1{opacity:1;transition-delay:.5s}
  #page-unlearning .unl-stage .s3.on .st2{opacity:1;transition-delay:1.8s}
  #page-unlearning .unl-stage .s3.on .st3{opacity:1;transition-delay:2.8s}
  #page-unlearning .unl-stage .s4.on .risk{opacity:1;transition-delay:.4s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(1),#page-unlearning .unl-stage .s4.on .trail-l text:nth-child(1){opacity:1;transition-delay:.6s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(2),#page-unlearning .unl-stage .s4.on .trail-l text:nth-child(2){opacity:1;transition-delay:.9s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(3),#page-unlearning .unl-stage .s4.on .trail-l text:nth-child(3){opacity:1;transition-delay:1.2s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(4),#page-unlearning .unl-stage .s4.on .trail-l text:nth-child(4){opacity:1;transition-delay:1.5s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(5),#page-unlearning .unl-stage .s4.on .trail-l text:nth-child(5){opacity:1;transition-delay:1.8s}
  #page-unlearning .unl-stage .s4.on .trail circle:nth-child(6){opacity:1;transition-delay:2.1s}
  #page-unlearning .unl-stage .s4.on .win{opacity:1;transition-delay:2.3s;animation:unlPulse 1.6s ease-in-out 2.6s infinite;transform-box:fill-box;transform-origin:center}
  /* 컨트롤 */
  #page-unlearning .unl-stage .ctl{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:22px 26px 26px;border-top:1px solid #1E2A40}
  #page-unlearning .unl-stage .pp{width:44px;height:44px;border-radius:var(--radius-sm);border:1.5px solid #3B4457;background:transparent;color:var(--navy-band-ink);display:grid;place-items:center;cursor:pointer;margin-top:4px}
  #page-unlearning .unl-stage .pp svg{width:14px;height:14px}
  #page-unlearning .unl-stage .pp:hover{background:var(--navy-band-ink);color:#0B1020}
  #page-unlearning .unl-stage .dots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  #page-unlearning .unl-stage .dots button{background:none;border:0;padding:0;text-align:left;color:#A9B2C6;cursor:pointer;font:inherit}
  #page-unlearning .unl-stage .dots i{display:block;height:3px;border-radius:3px;background:#26324B;overflow:hidden;position:relative;margin-bottom:12px}
  #page-unlearning .unl-stage .dots i::after{content:"";position:absolute;inset:0;background:var(--sun);transform:scaleX(0);transform-origin:left}
  #page-unlearning .unl-stage .dots button[aria-selected="true"] i::after{transform:scaleX(1);transition:transform var(--unl-dur,6s) linear}
  #page-unlearning .unl-stage.paused .dots button[aria-selected="true"] i::after{transition:none;transform:scaleX(1)}
  #page-unlearning .unl-stage .dots button.done i::after{transform:scaleX(1)}
  #page-unlearning .unl-stage .dots b{display:block;font-family:var(--display);font-size:18px;color:var(--navy-band-ink);font-weight:400;margin-bottom:4px}
  #page-unlearning .unl-stage .dots span{display:block;font-size:13px;line-height:1.55}
  #page-unlearning .unl-stage .dots button[aria-selected="true"] b{color:var(--sun)}
  @media (max-width:768px){#page-unlearning .unl-stage .dots{grid-template-columns:1fr 1fr}#page-unlearning .unl-stage .ctl{grid-template-columns:1fr;padding:18px}#page-unlearning .unl-stage .pp{display:none}}
  @media (max-width:480px){#page-unlearning .unl-stage .dots{grid-template-columns:1fr}#page-unlearning .unl-stage .dots span{display:none}#page-unlearning .unl-stage .dots button[aria-selected="true"] span{display:block}}

  /* ===== Feature: 카드형(레퍼런스) ===== */
  #page-unlearning .unl-feat{align-items:stretch}
  #page-unlearning .unl-feat .f{position:relative;border-radius:var(--radius-lg);padding:30px 28px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow);border:0;transition:transform .25s}
  #page-unlearning .unl-feat .f.dark{background:var(--navy-band);color:var(--navy-band-ink)}
  #page-unlearning .unl-feat .f.sun{background:var(--sun);color:var(--ink);transform:translateY(-10px)}
  #page-unlearning .unl-feat .f:hover{transform:translateY(-6px)}#page-unlearning .unl-feat .f.sun:hover{transform:translateY(-14px)}
  #page-unlearning .unl-feat .lb{font-family:var(--mono);font-size:11px;letter-spacing:.18em;opacity:.8}
  #page-unlearning .unl-feat .d{margin:12px 0 0;font-size:15px;font-weight:700;line-height:1.5;min-height:3em}
  #page-unlearning .unl-feat .v{margin-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  #page-unlearning .unl-feat .v b{font-family:var(--display);font-size:54px;line-height:1}
  #page-unlearning .unl-feat .v b small{font-size:22px;margin-left:4px}
  #page-unlearning .unl-feat .v span{font-size:13px;opacity:.75}
  #page-unlearning .unl-feat hr{border:0;border-top:1.5px solid currentColor;opacity:.6;margin:18px 0}
  #page-unlearning .unl-feat ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:14px;line-height:1.5}
  #page-unlearning .unl-feat .f.dark ul{color:var(--navy-band-mute)}
  #page-unlearning .unl-feat ul li{padding-left:16px;position:relative}
  #page-unlearning .unl-feat ul li::before{content:"•";position:absolute;left:0;color:var(--sun)}
  #page-unlearning .unl-feat .f.sun ul li::before{color:var(--ink)}
  #page-unlearning .unl-feat .f.dark .todo{background:var(--navy-band-line);color:var(--navy-band-mute)}
  #page-unlearning .unl-feat .btn{margin-top:auto;padding-top:0;display:block;text-align:center;border-radius:var(--radius-sm);padding:13px;font-weight:700;font-size:14px;text-decoration:none;margin-top:24px}
  #page-unlearning .unl-feat .f.dark .btn{background:var(--sun);color:var(--ink)}
  #page-unlearning .unl-feat .f.sun .btn{background:var(--ink);color:#fff}
  #page-unlearning .unl-feat .rib{position:absolute;right:-2px;top:-2px;width:82px;height:82px;overflow:hidden;font-family:var(--mono);font-size:11px;letter-spacing:.14em}
  #page-unlearning .unl-feat .rib::before{content:attr(class);display:none}
  #page-unlearning .unl-feat .rib{clip-path:polygon(100% 0,0 0,100% 100%);background:var(--ink);color:var(--sun);display:grid;place-items:start end;padding:12px 8px 0 0;border-radius:0 26px 0 0}
  @media (max-width:768px){#page-unlearning .unl-feat .f.sun{transform:none}}
  /* ===== Framework: 틱택토 ===== */
  #page-unlearning .unl-ttt{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
  #page-unlearning .unl-ttt .legend{display:grid;gap:12px}
  #page-unlearning .unl-ttt .legend>div{display:flex;gap:12px;align-items:center}
  #page-unlearning .unl-ttt .legend b{font-family:var(--display);font-size:22px;font-weight:400}
  #page-unlearning .unl-ttt .legend small{display:inline-block;margin-left:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);white-space:nowrap}
  #page-unlearning .unl-ttt .mk{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}
  #page-unlearning .unl-ttt .mk svg{width:26px;height:26px}
  #page-unlearning .unl-ttt .mk.u{color:var(--red)}#page-unlearning .unl-ttt .mk.r{color:var(--ink)}#page-unlearning .unl-ttt .mk.n{color:#B7261B}
  #page-unlearning .unl-ttt .how{color:var(--ink-2);font-size:15px;margin:22px 0 0}
  #page-unlearning .unl-ttt .status{margin-top:16px;font-size:14px;color:var(--ink-3)}
  #page-unlearning .unl-ttt .status b{color:var(--ink)}
  #page-unlearning .unl-ttt .status.win{color:var(--red);font-weight:700}
  #page-unlearning .unl-ttt .boardwrap{position:relative;padding:34px 0 0 44px}
  #page-unlearning .unl-ttt .colh{position:absolute;left:44px;right:0;top:0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-family:var(--display);font-size:18px;color:var(--ink-2)}
  #page-unlearning .unl-ttt .rowh{position:absolute;left:0;top:34px;bottom:0;width:44px;display:grid;grid-template-rows:repeat(3,1fr);align-items:center;font-family:var(--mono);font-size:12px;color:var(--ink-3)}
  #page-unlearning .unl-ttt .board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;background:linear-gradient(var(--ink) 0 0) center/100% 4px no-repeat,linear-gradient(var(--ink) 0 0) center/4px 100% no-repeat;}
  #page-unlearning .unl-ttt .board{background:
    linear-gradient(var(--ink),var(--ink)) 0 calc(33.33% - 2px)/100% 4px no-repeat,
    linear-gradient(var(--ink),var(--ink)) 0 calc(66.66% - 2px)/100% 4px no-repeat,
    linear-gradient(var(--ink),var(--ink)) calc(33.33% - 2px) 0/4px 100% no-repeat,
    linear-gradient(var(--ink),var(--ink)) calc(66.66% - 2px) 0/4px 100% no-repeat}
  #page-unlearning .unl-ttt .cell{border:0;background:transparent;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;color:var(--ink);font:inherit;transition:background .25s}
  #page-unlearning .unl-ttt .cell:hover{background:var(--sun-tint)}
  #page-unlearning .unl-ttt .cell .mk{width:54px;height:54px;background:transparent;border:0;color:var(--line);transition:color .3s,transform .4s cubic-bezier(.3,1.5,.4,1)}
  #page-unlearning .unl-ttt .cell .mk svg{width:44px;height:44px}
  #page-unlearning .unl-ttt .cell b{font-size:15px;line-height:1.3}
  #page-unlearning .unl-ttt .cell .dsc{font-size:12px;color:var(--ink-3);line-height:1.4;max-width:14em}
  #page-unlearning .unl-ttt .cell[aria-pressed="true"]{background:var(--sun)}
  #page-unlearning .unl-ttt .cell[aria-pressed="true"] .mk{color:var(--ink);transform:scale(1.08)}
  #page-unlearning .unl-ttt .cell[aria-pressed="true"] .dsc{color:var(--ink-2)}
  #page-unlearning .unl-ttt .win{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
  #page-unlearning .unl-ttt .win line{stroke:var(--red);stroke-width:8;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;opacity:0}
  #page-unlearning .unl-ttt .win line.on{opacity:1;animation:unlWinDraw .7s ease forwards}
  @keyframes unlWinDraw{to{stroke-dashoffset:0}}
  @media (max-width:768px){#page-unlearning .unl-ttt{grid-template-columns:1fr}#page-unlearning .unl-ttt .cell .dsc{display:none}#page-unlearning .unl-ttt .cell b{font-size:13px}#page-unlearning .unl-ttt .cell .mk{width:40px;height:40px}#page-unlearning .unl-ttt .cell .mk svg{width:32px;height:32px}}
  /* ===== Program: 타임라인 ===== */
  #page-unlearning .unl-jhead{text-align:center;max-width:760px;margin:0 auto 56px;display:grid;justify-items:center;gap:14px}
  #page-unlearning .unl-jhead p{margin:0;color:var(--ink-2);font-size:17px}
  #page-unlearning .unl-jhead .pill{padding:12px 20px;font-size:14px}
  #page-unlearning .unl-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
  #page-unlearning .unl-tl::before{content:"";position:absolute;left:8%;right:8%;top:9px;height:2px;background:linear-gradient(90deg,var(--line),var(--ink-3),var(--line))}
  #page-unlearning .unl-tl li{display:grid;gap:22px;justify-items:center}
  #page-unlearning .unl-tl li i{display:block;width:18px;height:18px;background:var(--ink);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);position:relative;z-index:1;transition:background .3s,transform .3s}
  #page-unlearning .unl-tl li:hover i{background:var(--red);transform:translateY(-3px)}
  #page-unlearning .unl-tl .c{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 14px 22px;text-align:center;box-shadow:var(--e1);min-height:150px}
  #page-unlearning .unl-tl .c em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  #page-unlearning .unl-tl .c b{display:block;font-family:var(--display);font-size:28px;margin-top:6px;line-height:1}
  #page-unlearning .unl-tl .c span{display:block;font-size:13px;color:var(--ink-2);margin-top:10px;line-height:1.5}
  @media (max-width:768px){#page-unlearning .unl-tl{grid-template-columns:repeat(3,1fr)}#page-unlearning .unl-tl::before{display:none}#page-unlearning .unl-tl li i{display:none}}
  @media (max-width:480px){#page-unlearning .unl-tl{grid-template-columns:1fr 1fr}}


  /* ===== 신대륙 진단 섹션 ===== */
  #page-unlearning .unl-dg{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
  #page-unlearning .unl-dg .start,#page-unlearning .unl-dg .today{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}
  #page-unlearning .unl-dg .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  #page-unlearning .unl-dg h3.display{font-size:clamp(28px,3.4vw,42px);margin:10px 0 0;line-height:1.15}
  #page-unlearning .unl-dg p{color:var(--ink-2);margin:12px 0 0;font-size:15px}
  #page-unlearning .unl-dg .axes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
  #page-unlearning .unl-dg .axes span{font-size:13px;color:var(--ink-3);background:var(--bg-2);border-radius:var(--radius-sm);padding:8px 12px}
  #page-unlearning .unl-dg .axes b{font-family:var(--mono);color:var(--ink);margin-right:2px}
  #page-unlearning .unl-dg .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
  #page-unlearning .unl-dg .acts .pill.line{border-color:var(--ink);color:var(--ink)}
  #page-unlearning .unl-dg .mine{margin-top:18px;background:var(--sun-tint);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;display:flex;gap:14px;align-items:center}
  #page-unlearning .unl-dg .mine b{font-family:var(--display);font-size:26px;letter-spacing:.06em}
  #page-unlearning .unl-dg .today{background:var(--sun);color:var(--ink)}
  #page-unlearning .unl-dg .today .k{color:var(--ink);opacity:.7}
  #page-unlearning .unl-dg .today h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.25;margin:10px 0 0}
  #page-unlearning .unl-dg .today .sage{margin-top:18px;border-top:1.5px solid rgba(15,23,42,.25);padding-top:14px}
  #page-unlearning .unl-dg .today .sage em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em}
  #page-unlearning .unl-dg .today .sage p{margin:6px 0 0;color:var(--ink);font-size:15px}
  #page-unlearning .unl-dg .today .act{margin-top:16px;background:rgba(15,23,42,.08);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;display:grid;gap:4px}
  #page-unlearning .unl-dg .today .hint{font-size:13px;color:var(--ink);opacity:.65}
  /* 16유형 마키 */
  #page-unlearning .unl-types{margin-top:48px}
  #page-unlearning .unl-types .th{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:22px}
  #page-unlearning .unl-types .th h3{font-size:clamp(22px,2.6vw,32px);margin:0;color:var(--navy-band-ink)}
  #page-unlearning .unl-types .mq{overflow:hidden;margin-inline:-20px;padding:6px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  #page-unlearning .unl-types .tr{display:flex;gap:14px;width:max-content;animation:unlMq 70s linear infinite}
  #page-unlearning .unl-types .rev .tr{animation-direction:reverse}
  #page-unlearning .unl-types .mq:hover .tr{animation-play-state:paused}
  @keyframes unlMq{to{transform:translateX(-50%)}}
  #page-unlearning .unl-types .ch{width:290px;flex:none;background:#000;color:#fff;border:1px solid #1E2A40;border-radius:var(--radius);padding:22px 22px 24px;text-align:left;display:grid;grid-template-columns:1fr 44px;gap:6px 12px;cursor:pointer;font:inherit;transition:transform .25s,border-color .25s}
  #page-unlearning .unl-types .ch:hover{transform:translateY(-4px);border-color:var(--sun)}
  #page-unlearning .unl-types .ch .ic{grid-column:2;grid-row:1/3;width:44px;height:44px;border-radius:var(--radius-sm);background:#F5E6D0;color:var(--ink);display:grid;place-items:center}
  #page-unlearning .unl-types .ch .ic svg{width:24px;height:24px}
  #page-unlearning .unl-types .ch em{font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--sun)}
  #page-unlearning .unl-types .ch b{font-size:19px;font-weight:700;line-height:1.3}
  #page-unlearning .unl-types .ch p{grid-column:1/3;margin:10px 0 0;font-size:14px;color:#C9CFDA;line-height:1.55;min-height:3.1em}
  @media (max-width:768px){#page-unlearning .unl-dg{grid-template-columns:1fr}#page-unlearning .unl-dg .axes{grid-template-columns:1fr}#page-unlearning .unl-types .ch{width:240px}}
  /* ===== HUB 대시보드 ===== */
  #page-unlearning .unl-dash{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
  #page-unlearning .unl-dash .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  #page-unlearning .unl-dash .big{background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius-lg);padding:34px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
  #page-unlearning .unl-dash .big .k{color:var(--sun)}
  #page-unlearning .unl-dash .big h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,38px);margin:12px 0 0;line-height:1.2}
  #page-unlearning .unl-dash .big .flip{margin-top:18px;font-size:16px;line-height:1.6}
  #page-unlearning .unl-dash .big .flip s{display:block;color:var(--navy-band-mute);text-decoration-color:var(--red);text-decoration-thickness:2px}
  #page-unlearning .unl-dash .big .flip b{display:block;color:var(--sun);margin-top:6px}
  #page-unlearning .unl-dash a{margin-top:auto;padding-top:20px;font-weight:700;font-size:14px;color:inherit;text-decoration:none}
  #page-unlearning .unl-dash .stack{display:grid;gap:12px}
  #page-unlearning .unl-dash .stack article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--e1)}
  #page-unlearning .unl-dash .stack b{font-size:15px;line-height:1.4}
  #page-unlearning .unl-dash .stack small{font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-dash .stack a{padding-top:8px;font-size:14px}
  #page-unlearning .unl-dash .bar{height:6px;border-radius:var(--radius-xs);background:var(--bg-2);display:flex;overflow:hidden}
  #page-unlearning .unl-dash .bar i{display:block;height:100%;background:var(--red)}#page-unlearning .unl-dash .bar i+i{background:var(--navy-band)}
  #page-unlearning .unl-dash .cnt b{font-family:var(--display);font-size:38px;line-height:1}
  #page-unlearning .unl-hubtabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px;border-bottom:1px solid var(--line)}
  #page-unlearning .unl-hubtabs button{border:0;background:none;padding:14px 18px;font:inherit;font-weight:700;font-size:15px;color:var(--ink-3);border-bottom:3px solid transparent;margin-bottom:-1px;cursor:pointer}
  #page-unlearning .unl-hubtabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--red)}
  #page-unlearning .unl-hp{padding-block:64px 88px}
  @media (max-width:768px){#page-unlearning .unl-dash{grid-template-columns:1fr}}
  /* ===== 진단 모달 ===== */
  dialog.unl-dgm{width:min(720px,94vw);max-height:92vh;overflow:auto}
  .unl-dgm .x{position:absolute;right:16px;top:14px;border:0;background:var(--bg-2);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px}
  .unl-dgm .scr{padding:36px}
  .unl-dgm .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .unl-dgm h3.display{font-weight:400;font-size:clamp(26px,3.2vw,38px);line-height:1.15;margin:10px 0 0}
  .unl-dgm p{color:var(--ink-2);margin:14px 0 0;font-size:15px}
  .unl-dgm .ft{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
  .unl-dgm .prog{height:6px;border-radius:var(--radius-xs);background:var(--bg-2);overflow:hidden;margin-bottom:22px}
  .unl-dgm .prog i{display:block;height:100%;background:var(--sun);width:0;transition:width .3s}
  .unl-dgm .q h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.25;margin:8px 0 0;min-height:2.6em}
  .unl-dgm .opts{display:grid;gap:10px;margin-top:22px}
  .unl-dgm .opts button{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:16px 18px;font:inherit;font-size:16px;line-height:1.45;cursor:pointer;color:var(--ink);transition:.15s}
  .unl-dgm .opts button:hover{border-color:var(--ink);transform:translateX(3px)}
  .unl-dgm .res{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
  .unl-dgm .card{background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
  .unl-dgm .card .k{color:var(--sun)}
  .unl-dgm .card .code{font-family:var(--display);font-size:56px;letter-spacing:.14em;line-height:1;margin-top:12px;color:var(--sun)}
  .unl-dgm .card .nm{font-family:var(--display);font-size:30px;margin-top:6px}
  .unl-dgm .card .tg{color:var(--navy-band-mute);font-size:15px}
  .unl-dgm .card .ax{display:grid;gap:6px;margin-top:18px;border-top:1px solid var(--navy-band-line);padding-top:14px}
  .unl-dgm .card .ax span{font-size:13px;color:var(--navy-band-mute)}.unl-dgm .card .ax b{color:#fff;font-family:var(--mono);margin-right:6px}
  .unl-dgm .det dl{margin:0;display:grid;gap:12px}
  .unl-dgm .det dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .unl-dgm .det dd{margin:2px 0 0;font-size:15px}
  .unl-dgm .det dd.out{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px;color:var(--ink-3)}
  .unl-dgm .today .sage{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
  .unl-dgm .today .sage em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
  .unl-dgm .today .act{margin-top:14px;background:var(--sun-tint);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;display:grid;gap:4px}
  .unl-dgm .today label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-top:22px}
  .unl-dgm .today .row{display:flex;gap:8px;margin-top:8px}
  .unl-dgm .today .row input{flex:1;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font:inherit;font-size:15px;background:var(--bg);color:var(--ink)}
  .unl-dgm .advice{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;font-size:15px;line-height:1.65}
  .unl-dgm .advice b{display:block;color:var(--red);font-family:var(--mono);font-size:11px;letter-spacing:.14em;margin-bottom:6px}
  .unl-dgm .advice .rec{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  .unl-dgm .advice .rec a{font-size:13px;font-weight:700;background:var(--bg-2);border-radius:var(--pill);padding:7px 12px;text-decoration:none;color:var(--ink)}
  @media (max-width:768px){.unl-dgm .scr{padding:26px 20px}.unl-dgm .res{grid-template-columns:1fr}.unl-dgm .card .code{font-size:44px}.unl-dgm .today .row{flex-direction:column}}

  /* ===== HUB(Phantom 스타일) ===== */
  #page-unlearning .unl-hub2{padding-block:104px 0;text-align:center}
  #page-unlearning .unl-hub2 h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;margin:0;max-width:16em;margin-inline:auto}
  #page-unlearning .unl-hub2 h2 .mk{width:.95em;height:.95em;vertical-align:-.12em;color:var(--sun);margin:0 .08em;display:inline-block;animation:unlBob 3s ease-in-out infinite}
  @keyframes unlBob{50%{transform:translateY(-6%) rotate(-6deg)}}
  #page-unlearning .unl-hub2 p{color:var(--navy-band-mute);font-size:17px;max-width:38em;margin:22px auto 0}
  #page-unlearning .unl-hub2 .unl-hubtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px;border:0;text-align:left}
  #page-unlearning .unl-hub2 .unl-hubtabs button{display:grid;gap:4px;text-align:left;justify-items:start;padding:26px 26px 24px;border-radius:22px 22px 0 0;background:#141C2E;border:1px solid var(--navy-band-line);border-bottom:0;color:var(--navy-band-mute);margin:0;cursor:pointer;font:inherit;transition:background .25s,transform .25s}
  #page-unlearning .unl-hub2 .unl-hubtabs button b{font-family:var(--display);font-size:40px;line-height:1;color:#fff;font-weight:400}
  #page-unlearning .unl-hub2 .unl-hubtabs button span{font-size:14px}
  #page-unlearning .unl-hub2 .unl-hubtabs button em{font-style:normal;margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--sun)}
  #page-unlearning .unl-hub2 .unl-hubtabs button[aria-selected="true"]{background:var(--bg-2);color:var(--ink-2);border-color:var(--bg-2)}
  #page-unlearning .unl-hub2 .unl-hubtabs button[aria-selected="true"] b{color:var(--ink)}
  #page-unlearning .unl-hub2 .unl-hubtabs button[aria-selected="true"] em{color:var(--red)}
  #page-unlearning .unl-hub2 .unl-hubtabs button:hover{transform:translateY(-4px)}
  #page-unlearning .unl-hp{padding-block:72px 88px}
  @media (max-width:768px){#page-unlearning .unl-hub2{padding-top:64px}#page-unlearning .unl-hub2 .unl-hubtabs{grid-template-columns:1fr;gap:8px}#page-unlearning .unl-hub2 .unl-hubtabs button{border-radius:var(--radius);border-bottom:1px solid var(--navy-band-line)}#page-unlearning .unl-hub2 .unl-hubtabs button b{font-size:30px}}

  /* ===== 7블록 재구성 ===== */
  #page-unlearning .unl-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
  #page-unlearning .unl-three>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--e1)}
  #page-unlearning .unl-three em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-three b{display:block;font-family:var(--display);font-size:24px;margin-top:8px;font-weight:400}
  #page-unlearning .unl-three p{margin:8px 0 0;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-three span{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-lv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  #page-unlearning .unl-lv article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--e1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-lv article:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-unlearning .unl-lv em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-lv h3{font-family:var(--display);font-weight:400;font-size:34px;margin:6px 0 0;line-height:1}
  #page-unlearning .unl-lv .d{margin:6px 0 0;font-weight:700;font-size:15px}
  #page-unlearning .unl-lv ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:var(--ink-2);line-height:1.5}
  #page-unlearning .unl-lv ul li{padding-left:14px;position:relative}#page-unlearning .unl-lv ul li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--sun)}
  #page-unlearning .unl-lv .m{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3)}
  #page-unlearning .unl-lvfoot{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  #page-unlearning .unl-routes article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--e1);display:flex;flex-direction:column}
  #page-unlearning .unl-routes em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-routes h3{font-family:var(--display);font-weight:400;font-size:26px;margin:8px 0 0;line-height:1.15}
  #page-unlearning .unl-routes p{margin:10px 0 0;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-routes .for{margin-top:auto;padding-top:16px;font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-routes small{display:block;margin-top:8px;font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-kitline{margin-top:28px;background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius);padding:26px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  #page-unlearning .unl-kitline b{display:block;font-family:var(--display);font-size:40px;line-height:1}#page-unlearning .unl-kitline b small{font-size:16px;margin-left:3px}
  #page-unlearning .unl-kitline span{display:block;margin-top:6px;font-size:13px;color:var(--navy-band-mute)}
  #page-unlearning .unl-mcta{grid-template-columns:1fr auto}
  #page-unlearning .unl-mcta .btns{display:flex;gap:10px;flex-wrap:wrap}
  #page-unlearning .unl-mcta .btns button{border:0;cursor:pointer;font:inherit;font-weight:700}
  @media (max-width:768px){#page-unlearning .unl-three,#page-unlearning .unl-routes{grid-template-columns:1fr}#page-unlearning .unl-lv,#page-unlearning .unl-kitline{grid-template-columns:1fr 1fr}}
  @media (max-width:480px){#page-unlearning .unl-lv,#page-unlearning .unl-kitline{grid-template-columns:1fr}}

  /* ===== 왜 언러닝인가: 중앙 타이틀 + 배너 ===== */
  #page-unlearning .unl-why2 .head{text-align:center;max-width:900px;margin:0 auto 40px}
  #page-unlearning .unl-why2 .head h2{font-size:clamp(30px,3.6vw,48px);margin:14px 0 0;line-height:1.15}
  #page-unlearning .unl-why2 .head h2 .mk{width:.8em;height:.8em;vertical-align:-.1em;color:var(--red);margin:0 .06em;display:inline-block}
  #page-unlearning .unl-banner{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
  #page-unlearning .unl-banner .l{padding:34px;border-right:1px solid var(--line);display:flex;align-items:center}
  #page-unlearning .unl-banner .l .unl-jcurve{max-width:none;margin:0;border:0;box-shadow:none;padding:0;background:transparent;width:100%}
  #page-unlearning .unl-banner .r{padding:40px 40px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(180deg,var(--surface),var(--bg-2))}
  #page-unlearning .unl-banner .ln{margin:0;font-size:17px;line-height:1.75;color:var(--ink-2);opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
  #page-unlearning .unl-banner .ln b{color:var(--ink)}
  #page-unlearning .unl-banner .ln.last{font-family:var(--display);font-size:24px;line-height:1.3;color:var(--ink);padding-top:10px;border-top:1px solid var(--line);margin-top:6px}
  #page-unlearning .unl-banner.in .ln{opacity:1;transform:none}
  #page-unlearning .unl-banner.in .ln:nth-child(1){transition-delay:.1s}#page-unlearning .unl-banner.in .ln:nth-child(2){transition-delay:.45s}#page-unlearning .unl-banner.in .ln:nth-child(3){transition-delay:.8s}#page-unlearning .unl-banner.in .ln:nth-child(4){transition-delay:1.15s}#page-unlearning .unl-banner.in .ln:nth-child(5){transition-delay:1.5s}
  #page-unlearning .unl-three{margin-top:22px}
  #page-unlearning .unl-three>div{padding:26px 26px 24px;position:relative}
  #page-unlearning .unl-three em{font-family:var(--display);font-size:20px;color:var(--red);letter-spacing:0}
  #page-unlearning .unl-three strong{display:block;font-family:var(--display);font-size:clamp(26px,2.4vw,32px);letter-spacing:.06em;line-height:1;margin-top:8px;color:var(--ink);font-weight:400}
  #page-unlearning .unl-three b{font-family:var(--body);font-size:16px;font-weight:700;margin-top:8px;color:var(--red)}
  #page-unlearning .unl-three>div::after{content:"";position:absolute;left:26px;right:26px;top:0;height:4px;background:var(--sun);border-radius:0 0 4px 4px}
  @media (max-width:768px){#page-unlearning .unl-banner{grid-template-columns:1fr}#page-unlearning .unl-banner .l{border-right:0;border-bottom:1px solid var(--line);padding:22px}#page-unlearning .unl-banner .r{padding:26px 22px}}

  /* ===== 히어로 보정 ===== */
  #page-unlearning #unl-hero{min-height:0;max-height:none;padding-block:88px 72px}
  #page-unlearning #unl-hero h1{margin-top:16px}
  #page-unlearning #unl-hero .lead{margin-top:20px;max-width:44em}
  #page-unlearning #unl-hero .btns{margin-top:30px}
  #page-unlearning .unl-flip.top{margin-top:0;font-size:12px;letter-spacing:.24em;height:1.4em;line-height:1.4}
  #page-unlearning .unl-flip.top .w{position:relative;display:inline-block}
  #page-unlearning .unl-flip.top .w b{position:relative;padding-left:32px}
  #page-unlearning .unl-flip.top .w b::before{content:"";position:absolute;left:0;top:50%;width:22px;height:2px;background:currentColor}
  #page-unlearning .unl-flip.top .w b:last-child{position:absolute;left:0;top:0;transform:rotateX(180deg);color:var(--red)}
  #page-unlearning #unl-hero .pill small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.8;margin-left:2px}
  #page-unlearning #unl-hero .pill.unl-navy{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:15px}

  #page-unlearning #unl-hero .btns .pill{height:54px;padding:0 24px;font-size:15px;line-height:1;display:inline-flex;align-items:center;gap:10px;border-width:1.5px;box-sizing:border-box}
  #page-unlearning #unl-hero .btns .pill.line{border-color:var(--ink);color:var(--ink)}

  #page-unlearning .unl-banner .ln.last b{color:var(--red);font-weight:400;font-family:var(--display)}
  #page-unlearning .unl-banner .ln.last{font-size:24px}
  #page-unlearning .unl-three b{font-size:22px;font-family:var(--display);font-weight:400;margin-top:10px;letter-spacing:0}

  #page-unlearning .unl-dg .acts{justify-content:center}
  #page-unlearning .unl-dg .acts .pill{height:54px;padding:0 28px;font-size:15px;display:inline-flex;align-items:center;gap:10px;border:0}
  #page-unlearning .unl-dg .acts .pill.line{border:1.5px solid var(--ink)}
  #page-unlearning .unl-dg .acts .pill small{font-family:var(--mono);font-size:11px;letter-spacing:.14em;opacity:.85}

  /* ===== 무엇을 배우나: BM 카드(Phantom 스타일) ===== */
  #page-unlearning .unl-bm{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  #page-unlearning .unl-bm .bm{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--e1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
  #page-unlearning .unl-bm .bm:hover{transform:translateY(-5px);box-shadow:var(--e1h)}
  #page-unlearning .unl-bm .stage{background:#0B0F1A;height:220px;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}
  #page-unlearning .unl-bm .stage::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 50% 60%,rgba(255,197,49,.14),transparent 55%)}
  #page-unlearning .unl-bm .w{position:relative;background:#1B2130;color:#fff;border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.8);animation:unlFloat 5s ease-in-out infinite}
  @keyframes unlFloat{50%{transform:translateY(-6px)}}
  #page-unlearning .unl-bm .w .ic{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--sun);color:var(--ink);display:grid;place-items:center;flex:none}
  #page-unlearning .unl-bm .w .ic svg{width:22px;height:22px}
  #page-unlearning .unl-bm .w b{font-family:var(--display);font-size:22px;line-height:1.1;display:block}
  #page-unlearning .unl-bm .w small{display:block;font-size:12px;color:#A9B2C6;margin-top:4px}
  #page-unlearning .unl-bm .w.chip b{font-size:20px}
  #page-unlearning .unl-bm .w.rcpt{display:block;min-width:240px;transform:rotate(-2deg)}
  #page-unlearning .unl-bm .w.rcpt .row{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#A9B2C6;margin-bottom:8px}
  #page-unlearning .unl-bm .bd{padding:24px 26px 26px;display:flex;flex-direction:column;gap:6px}
  #page-unlearning .unl-bm em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-bm h3{font-family:var(--display);font-weight:400;font-size:26px;margin:0;line-height:1.15}
  #page-unlearning .unl-bm p{margin:6px 0 0;color:var(--ink-2);font-size:15px}
  #page-unlearning .unl-bm small{margin-top:auto;padding-top:14px;font-size:13px;color:var(--ink-3)}
  #page-unlearning .unl-lvrow{margin-top:22px;display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 1.2fr;gap:10px;align-items:stretch}
  #page-unlearning .unl-lvrow>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
  #page-unlearning .unl-lvrow em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-lvrow b{display:block;font-family:var(--display);font-size:24px;line-height:1;margin-top:6px}
  #page-unlearning .unl-lvrow span{display:block;font-size:13px;color:var(--ink-3);margin-top:6px;line-height:1.4}
  #page-unlearning .unl-lvrow i{display:grid;place-items:center;color:var(--ink-3);font-family:var(--display)}#page-unlearning .unl-lvrow i::before{content:"+"}
  #page-unlearning .unl-lvrow .sum{background:var(--navy-band);color:var(--navy-band-ink);border-color:var(--navy-band)}
  #page-unlearning .unl-lvrow .sum b{font-size:36px;color:var(--sun)}#page-unlearning .unl-lvrow .sum b small{font-size:14px;margin-left:2px}
  #page-unlearning .unl-lvrow .sum span{color:var(--navy-band-mute)}
  #page-unlearning .unl-lvfoot .btns{display:flex;gap:10px;flex-wrap:wrap}
  @media (max-width:768px){#page-unlearning .unl-bm{grid-template-columns:1fr}#page-unlearning .unl-lvrow{grid-template-columns:1fr 1fr}#page-unlearning .unl-lvrow i{display:none}#page-unlearning .unl-lvrow .sum{grid-column:1/-1}}

  /* ===== HUB 보정 ===== */
  #page-unlearning .unl-hub2 h2{font-size:clamp(30px,3.6vw,48px)}
  #page-unlearning .unl-hub2 .unl-hubtabs button em{font-family:var(--body);font-size:15px;font-weight:700;letter-spacing:0;color:var(--sun);margin-top:14px}
  #page-unlearning .unl-hub2 .unl-hubtabs button[aria-selected="true"] em{color:var(--red)}
  /* ===== 인사이트 카드 아트 + 리더 ===== */
  #page-unlearning .unl-post{cursor:pointer}
  #page-unlearning .unl-post .cover{position:relative;overflow:hidden;background:none}
  #page-unlearning .unl-post .cover svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .6s ease}
  #page-unlearning .unl-post:hover .cover svg{transform:scale(1.06)}
  #page-unlearning .unl-post .cover .t{position:relative;z-index:1}
  #page-unlearning .unl-post .meta::after{content:"읽기 →";margin-left:auto;font-weight:700;color:var(--red)}
  dialog.unl-reader{width:min(760px,94vw);max-height:92vh;overflow:auto;padding:0}
  .unl-reader .x{position:absolute;right:16px;top:14px;border:0;background:rgba(255,255,255,.9);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px;z-index:2}
  .unl-reader .art{height:220px;position:relative;overflow:hidden}
  .unl-reader .art svg{position:absolute;inset:0;width:100%;height:100%}
  .unl-reader .body{padding:34px 40px 40px}
  .unl-reader .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .unl-reader h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.15;margin:10px 0 0}
  .unl-reader .lead{color:var(--ink-2);font-size:17px;margin:14px 0 0}
  .unl-reader .by{display:flex;gap:12px;font-size:13px;color:var(--ink-3);margin:14px 0 0;padding-bottom:18px;border-bottom:1px solid var(--line)}
  .unl-reader .flipbox{margin:22px 0;background:var(--bg-2);border-radius:var(--radius);padding:18px 20px;display:grid;gap:8px}
  .unl-reader .flipbox s{color:var(--ink-3);text-decoration-color:var(--red);text-decoration-thickness:2px}
  .unl-reader .flipbox b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--ink)}
  .unl-reader h3{font-size:19px;margin:26px 0 8px}
  .unl-reader p{color:var(--ink-2);font-size:16px;line-height:1.8;margin:0 0 12px}
  .unl-reader .act{margin-top:24px;background:var(--sun-tint);border-radius:var(--radius-sm);padding:16px 18px;display:grid;gap:4px;font-size:15px}
  .unl-reader .act b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  .unl-reader .rel{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
  .unl-reader .rel a{font-size:13px;font-weight:700;background:var(--bg-2);border-radius:var(--pill);padding:8px 14px;text-decoration:none;color:var(--ink)}
  .unl-reader .soon{padding:20px 0 0;color:var(--ink-3);font-size:14px}
  @media (max-width:768px){.unl-reader .body{padding:24px 20px 28px}.unl-reader .art{height:160px}}

  /* ===== 교사/학생 스플릿 ===== */
  #page-unlearning .unl-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-bottom:28px}
  #page-unlearning .unl-split button{background:none;border:0;text-align:left;padding:34px 34px 30px;display:flex;flex-direction:column;gap:56px;cursor:pointer;font:inherit;color:var(--ink);position:relative;transition:background .25s}
  #page-unlearning .unl-split button+button{border-left:1px solid var(--line)}
  #page-unlearning .unl-split button:hover{background:var(--surface)}
  #page-unlearning .unl-split button[aria-selected="true"]{background:var(--surface)}
  #page-unlearning .unl-split button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--red)}
  #page-unlearning .unl-split .tp{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:100%}
  #page-unlearning .unl-split h3{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,56px);line-height:1;margin:0}
  #page-unlearning .unl-split .ar{flex:none;width:52px;height:52px;border-radius:var(--radius-sm);border:1.5px solid var(--ink);display:grid;place-items:center;transition:background .25s,color .25s}
  #page-unlearning .unl-split .ar svg{width:20px;height:20px}
  #page-unlearning .unl-split button[aria-selected="true"] .ar,#page-unlearning .unl-split button:hover .ar{background:var(--ink);color:#fff}
  #page-unlearning .unl-split p{margin:0;color:var(--ink-2);font-size:15px;max-width:30em}
  #page-unlearning .unl-aud[hidden]{display:none}
  /* ===== FAQ ===== */
  #page-unlearning .unl-faq{margin-top:40px}
  #page-unlearning .unl-faq h3{font-weight:400;font-size:clamp(26px,3vw,36px);margin:0 0 10px}
  #page-unlearning .unl-faq .q{border-top:1px solid var(--line)}
  #page-unlearning .unl-faq .q:last-child{border-bottom:1px solid var(--line)}
  #page-unlearning .unl-faq button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;background:none;border:0;text-align:left;font:inherit;font-size:18px;font-weight:700;color:var(--ink);cursor:pointer}
  #page-unlearning .unl-faq button i{flex:none;width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--ink);position:relative;transition:transform .3s,background .2s}
  #page-unlearning .unl-faq button i::before,#page-unlearning .unl-faq button i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:currentColor;translate:-50% -50%}
  #page-unlearning .unl-faq button i::after{transform:rotate(90deg)}
  #page-unlearning .unl-faq button[aria-expanded="true"] i{transform:rotate(45deg);background:var(--sun)}
  #page-unlearning .unl-faq [role=region] p{margin:0 0 20px;color:var(--ink-2);font-size:16px;max-width:52em;line-height:1.75}
  @media (max-width:768px){#page-unlearning .unl-split{grid-template-columns:1fr}#page-unlearning .unl-split button{gap:28px;padding:24px 18px}#page-unlearning .unl-split button+button{border-left:0;border-top:1px solid var(--line)}#page-unlearning .unl-faq button{font-size:16px}}

  /* ===== 칩 통일 · 3줄 타이틀 ===== */
  #page-unlearning .unl-bm .stage{height:190px}
  #page-unlearning .unl-bm .w{padding:12px 18px;gap:12px;border-radius:var(--radius);min-width:0}
  #page-unlearning .unl-bm .w .ic{width:38px;height:38px;border-radius:var(--radius-sm)}
  #page-unlearning .unl-bm .w .ic svg{width:20px;height:20px}
  #page-unlearning .unl-bm .w b{font-size:18px}
  #page-unlearning .unl-bm .w small{font-size:12px;margin-top:3px}
  #page-unlearning .unl-h3l{font-size:clamp(28px,3.4vw,44px)!important;white-space:nowrap}
  @media (max-width:768px){#page-unlearning .unl-h3l{white-space:normal}}

  .unl-info .ifbody{margin-top:14px;color:var(--ink-2);font-size:15px;line-height:1.75}
  .unl-info .ifbody ul{margin:10px 0 0;padding-left:18px}
  .unl-info .ifbody .st{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;padding:4px 10px;border-radius:var(--radius-xs);background:var(--sun-tint);color:var(--ink-2)}
  .unl-info h3{font-family:var(--display);font-weight:400;font-size:28px;margin:8px 0 0}
  .unl-info .k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--red)}
  .unl-info .ifform{margin-top:8px}
  #page-unlearning .unl-bm small a,#page-unlearning .unl-routes small a{color:var(--red);font-weight:700;text-decoration:none}
  #page-unlearning .unl-bm small a:hover{text-decoration:underline}
  #page-unlearning .unl-bm small .lnk{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--red);cursor:pointer}
  #page-unlearning .unl-bm small .lnk:hover{text-decoration:underline}

  /* ===== 카드 신청 버튼 · 도입 절차 · 섹션 마무리 ===== */
  #page-unlearning .unl-bm .apply{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:12px}
  #page-unlearning .unl-bm .apply small{padding-top:0;margin-top:0}
  #page-unlearning .unl-bm .ap{align-self:flex-start;border:1.5px solid var(--ink);background:transparent;border-radius:var(--pill);padding:10px 16px;font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;transition:.2s}
  #page-unlearning .unl-bm .ap:hover{background:var(--ink);color:#fff}
  #page-unlearning .unl-steps4{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  #page-unlearning .unl-steps4>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;position:relative}
  #page-unlearning .unl-steps4>div:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:24px;color:var(--red);font-family:var(--display);font-size:18px;z-index:1}
  #page-unlearning .unl-steps4 em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red)}
  #page-unlearning .unl-steps4 b{display:block;font-family:var(--display);font-size:24px;margin-top:6px;line-height:1.1}
  #page-unlearning .unl-steps4 span{display:block;margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.5}
  #page-unlearning .unl-kitcta{margin-top:22px;background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius);padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
  #page-unlearning .unl-kitcta b{display:block;font-family:var(--display);font-size:24px}
  #page-unlearning .unl-kitcta span{font-size:14px;color:var(--navy-band-mute)}
  #page-unlearning .unl-kitcta .btns{display:flex;gap:10px;flex-wrap:wrap}
  #page-unlearning .unl-kitcta .pill.ghost{border-color:var(--navy-band-ink);color:var(--navy-band-ink)}
  @media (max-width:768px){#page-unlearning .unl-steps4{grid-template-columns:1fr 1fr}#page-unlearning .unl-steps4>div::after{display:none}}
  @media (max-width:480px){#page-unlearning .unl-steps4{grid-template-columns:1fr}}

  #page-unlearning #unl-hero .btns .lnk{align-self:center;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:2px;margin-left:6px}
  #page-unlearning .unl-kitcta .prep{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
  #page-unlearning .unl-kitcta .prep li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--navy-band-ink)}
  #page-unlearning .unl-kitcta .prep em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--sun)}
  #page-unlearning .unl-lvrow b{white-space:nowrap}

  .unl-info .ifbody .prep{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
  .unl-info .ifbody .prep li{display:flex;gap:10px;align-items:center;background:var(--bg-2);border-radius:var(--radius-sm);padding:10px 14px;font-weight:700;color:var(--ink)}
  .unl-info .ifbody .prep em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--red)}
  .unl-info .ifbody .sub{margin-top:14px;font-size:14px;color:var(--ink-3)}
  #page-unlearning .unl-mcta .btns .pill{border:0;cursor:pointer;font:inherit;font-weight:700}
.cta-red .banner .btns{margin-top:26px}.cta-red .banner .l .lead{margin-top:14px;font-size:15px;color:rgba(255,255,255,.85);max-width:30em}.sol-signal .beat{text-align:center}.sol-signal .b4{align-items:center;text-align:center}.sol-signal .b4 .byf{width:100%;text-align:center}@media (max-width:768px){.sol-signal .b3 h2{white-space:normal}}
/* 솔루션 · 질문 전환 도식 (BEFORE → AFTER) */
#page-solution .sol-ship .qhead{display:grid;grid-template-columns:1fr 64px 1.35fr;align-items:stretch;gap:0;margin:18px 0 22px}
#page-solution .sol-ship .qhead .was{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:26px 20px 18px;border-radius:14px;background:var(--bg-2);border:1.5px dashed var(--line);color:var(--ink-3);font-size:15px;font-weight:600;text-align:center}
#page-solution .sol-ship .qhead .was::before{content:"BEFORE";position:absolute;left:14px;top:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}
#page-solution .sol-ship .qhead .was s{text-decoration-color:var(--red);text-decoration-thickness:2.5px}
#page-solution .sol-ship .qhead .arr{display:grid;place-items:center;position:relative}
#page-solution .sol-ship .qhead .arr::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--line),var(--purple-2))}
#page-solution .sol-ship .qhead .arr i{position:relative;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--purple-2);display:grid;place-items:center;box-shadow:0 8px 20px -10px rgba(62,15,168,.5)}
#page-solution .sol-ship .qhead .arr i::after{content:"";width:10px;height:10px;border-right:2.5px solid var(--purple-2);border-top:2.5px solid var(--purple-2);transform:translateX(-2px) rotate(45deg)}
#page-solution .sol-ship .qhead .now{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:30px 24px 20px;border-radius:14px;border:0;background:linear-gradient(100deg,var(--purple),var(--purple-2));color:#fff;font-family:var(--body);font-weight:800;font-size:clamp(18px,2vw,24px);letter-spacing:-.01em;text-align:center;box-shadow:0 22px 44px -20px rgba(62,15,168,.65)}
#page-solution .sol-ship .qhead .now::before{content:"AFTER · 레드포인트의 질문";position:absolute;left:16px;top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:rgba(255,255,255,.75)}
#page-solution .sol-ship .qhead .now::after{content:"";position:absolute;right:14px;top:12px;width:18px;height:18px;border-radius:50%;background:var(--sun);background-image:linear-gradient(45deg,transparent 40%,transparent);}
@media (max-width:768px){#page-solution .sol-ship .qhead{grid-template-columns:1fr}#page-solution .sol-ship .qhead .arr{height:44px}#page-solution .sol-ship .qhead .arr::before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--line),var(--purple-2))}#page-solution .sol-ship .qhead .arr i::after{transform:translateY(-2px) rotate(135deg)}}
#page-solution .ctr-chips .ch.a{fill:#fff;stroke:var(--purple-2);stroke-width:1.5}#page-solution .ctr-chips .ch.b{fill:var(--sun)}#page-solution .ctr-chips .ch.c{fill:var(--purple);}#page-solution .ctr-chips .cht{font-family:var(--body);font-weight:800;font-size:12.5px}#page-solution .ctr-chips .cht.a{fill:var(--purple)}#page-solution .ctr-chips .cht.b{fill:var(--ink)}#page-solution .ctr-chips .cht.c{fill:#fff}#page-solution .ctr-chips .chx{font-family:var(--mono);font-size:13px;fill:var(--ink-3)}
#page-services .sv2-bpin{font-size:14px;font-weight:800;padding:8px 14px 8px 12px;border-radius:var(--pill);color:#fff;border:0;box-shadow:var(--e1)}
#page-services .sv2-bpin::before{background:#fff;box-shadow:none;width:8px;height:8px}
#page-services .sv2-bpin.rws{background:var(--rw)}#page-services .sv2-bpin.gl{background:var(--gl)}#page-services .sv2-bpin.un{background:var(--ink)}#page-services .sv2-bpin.un::before{background:var(--sun)}
#page-services .sv2-logo{height:34px;width:auto;display:block}
#page-services .sv2-blogo.un{font-family:var(--display);font-size:24px;color:var(--ink);display:inline-flex;align-items:baseline;gap:8px;margin:0}
#page-services .sv2-blogo.un small{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-3)}
#page-services .sv2-brand.rws .sv2-bbtns .pill:not(.line){background:var(--rw);color:#fff}
#page-services .sv2-brand.gl .sv2-bbtns .pill:not(.line){background:var(--gl);color:#fff}
#page-services .sv2-brand.un .sv2-bbtns .pill:not(.line){background:var(--sun);color:var(--ink)}
#page-services .sv2-bbtns .pill.line{color:var(--ink);border-color:var(--ink)}
#page-unlearning .sea-sub{font-size:15px;line-height:1.7;color:inherit;opacity:.9;margin-top:8px}#page-unlearning .sea-lead{font-size:12.5px;color:inherit;opacity:.62;margin-top:10px}#page-unlearning .unl-modal .sea-sub{color:var(--ink-2);opacity:1}#page-unlearning .unl-modal .sea-lead{color:var(--ink-3);opacity:1}.mcta .pill.hr-mail{cursor:default;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.mcta .pill.hr-mail:hover{transform:none}#page-unlearning .unl-bm .tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:14px}#page-unlearning .unl-bm .tags span{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--red);background:var(--red-tint);border-radius:var(--pill);padding:4px 10px}.wv .photo.wide img.real{animation:wvKen 26s ease-in-out infinite alternate;transform-origin:52% 45%;will-change:transform}@keyframes wvKen{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.14) translate(-1.6%,-1.2%)}}.wv .photo.wide.loaded:hover{transform:none}@media (prefers-reduced-motion:reduce){.wv .photo.wide img.real{animation:none}}.ab-mailbtns{flex-wrap:wrap}.abA-info .cta .btns.ab-mailbtns p.mailreveal{flex-basis:100%;margin:10px 0 0;font-family:var(--body);font-size:14px;line-height:1.6;color:var(--ink-2);text-align:right;max-width:none}.abA-info .cta .btns.ab-mailbtns p.mailreveal a{font-size:14px}.ab-mailbtns .mailreveal b{font-family:var(--mono);font-size:13px;color:var(--ink);letter-spacing:.02em;background:var(--sun-tint);padding:3px 10px;border-radius:var(--radius-xs)}.ab-mailbtns .mailreveal a{color:var(--red);font-weight:700;margin-left:8px}.abA-news .nmore{display:flex;justify-content:center;margin-top:26px}#hm-history .gal-head h2.display{font-size:clamp(30px,3.6vw,48px);white-space:nowrap}@media (max-width:768px){#hm-history .gal-head h2.display{white-space:normal}}.mq .lg .lgi{height:26px;width:auto;max-width:120px;object-fit:contain;flex:none}.mq .lg .lgi+i{display:none}

/* ===================== 서비스 페이지 v2 (sv2-) ===================== */
.sv2-season{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:28px;box-shadow:var(--e1)}
.sv2-season-tag{font-family:var(--mono);font-size:12px;letter-spacing:.12em;background:var(--red);color:#fff;border-radius:var(--pill);padding:5px 12px}
.sv2-season b{font-size:16px}.sv2-season>span:not(.sv2-season-tag){color:var(--ink-3);font-size:15px}
.sv2-season a{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--red);text-decoration:none;font-size:15px}.sv2-season a svg{width:14px;height:14px}
.sv2-count{margin:26px 0 14px;font-size:14px;color:var(--ink-3)}.sv2-count b{color:var(--ink);font-family:var(--display);font-size:22px;margin-right:4px}
.sv2-empty{margin-top:24px;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-2)}
.sv2-empty a{color:var(--red);font-weight:700}
/* 패키지 */
.sv2-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sv2-pack{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--e1);position:relative}
.sv2-pk{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.sv2-pk .sv2-soon{position:static}
.sv2-pack h3{font-size:var(--fs-card);font-weight:700;line-height:1.3}
.sv2-pack ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.sv2-pack li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.5}
.sv2-pack li i{flex:none;width:10px;height:10px;border-radius:50%;margin-top:7px}
.sv2-pack i.rws{background:var(--red)}.sv2-pack i.gl{background:#1F3A93}.sv2-pack i.un{background:var(--sun)}
.sv2-pack dl{margin:0;padding-top:12px;border-top:1px dashed var(--line);display:flex;gap:10px;font-size:14px}
.sv2-pack dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3)}.sv2-pack dd{margin:0;color:var(--ink-2)}
.sv2-pack .pill.ghost{border-color:var(--ink);color:var(--ink);justify-content:center}
.sv2-pack .pill.ghost:hover{background:var(--ink);color:#fff}
/* 역할별 대시보드 */
.sv2-dash{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:stretch}
.sv2-roles{display:flex;flex-direction:column;gap:10px;align-self:stretch}
.sv2-roles button{flex:1 1 0;align-content:center}
.sv2-red{font-style:normal;color:var(--red)}
.sv2-roles button{all:unset;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--body);box-shadow:var(--e1);transition:all .2s ease}
.sv2-roles button em{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--ink-3);grid-row:1/3;padding-top:4px}
.sv2-roles button b{font-size:16px;font-weight:700;color:var(--ink)}
.sv2-roles button span{font-size:13px;color:var(--ink-3)}
.sv2-roles button:hover{border-color:var(--ink)}
.sv2-roles button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.sv2-roles button[aria-selected=true] b{color:#fff}.sv2-roles button[aria-selected=true] span,.sv2-roles button[aria-selected=true] em{color:var(--navy-band-mute)}
.sv2-roles button:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.sv2-panels{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--e1);display:grid}
.sv2-panel{grid-area:1/1;visibility:hidden;padding:30px 32px 26px;display:flex;flex-direction:column}
.sv2-panel.on{visibility:visible;animation:sv2in .3s ease}
.sv2-panel .sv2-pfoot{margin-top:auto;padding-top:20px}
.sv2-ph h3{font-size:26px;font-weight:700;line-height:1.35;margin-top:10px}
.sv2-pcols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.sv2-pcol{border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px}
.sv2-pcol em{display:block;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--ink-3);margin-bottom:12px}
.sv2-pcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sv2-pcol li{font-size:15px;line-height:1.55;color:var(--ink-2);padding-left:16px;position:relative}
.sv2-pcol li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
.sv2-pcol.us{background:var(--red-tint);border-color:transparent}
.sv2-pcol.us em{color:var(--red-2)}
.sv2-pcol.us li{color:var(--ink);font-weight:500}
.sv2-pcol.us li::before{background:var(--red);width:8px;height:8px;top:9px;border-radius:2px}
.sv2-pfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.sv2-pcols{margin-bottom:22px}
.sv2-pfoot b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);margin-bottom:4px}
.sv2-pfoot span{font-size:15px;color:var(--ink)}
.sv2-flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sv2-flow li{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.sv2-flow li em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--red)}
.sv2-flow li b{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.1}
.sv2-flow li span{font-size:13px;color:var(--ink-3)}
.sv2-flow li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:16px;z-index:1}

/* 모달 */
.sv2-modal{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.sv2-modal[hidden]{display:none}
.sv2-mbox{position:relative;width:min(560px,100%);background:var(--navy-band);color:var(--navy-band-ink);border-radius:var(--radius-lg);padding:34px 34px 30px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:sv2in .3s ease}
.sv2-mclose{all:unset;position:absolute;top:14px;right:18px;font-size:28px;line-height:1;cursor:pointer;color:var(--navy-band-mute);padding:4px 8px}
.sv2-mclose:hover{color:#fff}
.sv2-mlab{display:inline-flex;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--sun)}
.sv2-mbox h3{font-size:24px;line-height:1.35;font-weight:700;margin-top:10px}
.sv2-mbox p{font-size:16px;line-height:1.75;color:var(--navy-band-ink);margin-top:16px}
.sv2-mbox dl{display:grid;gap:6px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--navy-band-line)}
.sv2-mbox dl div{display:grid;grid-template-columns:44px 1fr;gap:8px;font-size:14px}
.sv2-mbox dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--navy-band-mute);padding-top:2px}.sv2-mbox dd{margin:0}
.sv2-mbox a{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:var(--sun);color:var(--ink);font-weight:700;text-decoration:none;font-size:15px;padding:11px 18px;border-radius:var(--pill)}
.sv2-mbox a i{width:10px;height:10px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg) scale(.7)}
@keyframes sv2in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* 브랜드 프리젠테이션 */
.sv2-brand{padding-block:88px 80px;position:relative}
.sv2-brand.rws{--b1:var(--rw);--b2:#3A2670;--acc:#F2A93B;--btn:#F2A93B;--btnfg:#1B1230;--stage:linear-gradient(135deg,var(--rw),#2E1E5C)}
.sv2-brand.gl{--b1:var(--gl);--b2:#3F33B8;--acc:var(--gl);--btn:var(--gl);--btnfg:#fff;--stage:linear-gradient(135deg,var(--gl),#2F27A6)}
.sv2-brand.un{--b1:var(--ink);--b2:#1B2540;--acc:var(--sun);--btn:var(--sun);--btnfg:var(--ink);--stage:linear-gradient(135deg,#1B2540,var(--ink))}
.sv2-brand+.sv2-brand{border-top:1px solid var(--line)}
.sv2-brand.gl{background:var(--bg-2)}
.sv2-btop{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.sv2-bid{display:flex;align-items:center;gap:14px}
.sv2-bpin{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-xs);padding:6px 12px;box-shadow:var(--e1)}
.sv2-bpin::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red)}
.sv2-blogo{font-family:var(--display);font-size:20px;letter-spacing:.05em;color:var(--b1)}
.sv2-bbtns{display:flex;gap:10px}
.sv2-bbtns .pill{background:var(--btn);color:var(--btnfg);box-shadow:var(--e1)}
.sv2-bbtns .pill svg{width:14px;height:14px;flex:none}
.sv2-bbtns .pill.line{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.sv2-bbtns .pill.line:hover{background:var(--ink);color:#fff}
.sv2-bhead2{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;align-items:end;margin-top:34px}
.sv2-bhead2 h2{font-size:clamp(34px,4.6vw,56px);line-height:1.08;color:var(--ink)}
.sv2-bhead2 p{color:var(--ink-2);font-size:17px;max-width:30em;justify-self:end;text-align:right}
.sv2-stage{position:relative;margin-top:34px;height:400px;border-radius:var(--radius-lg);background:var(--stage);overflow:hidden;box-shadow:var(--e1h)}
.sv2-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgba(255,255,255,.14),transparent 60%)}
.sv2-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:0 64px;--t:14s;--off:calc(var(--i) * 3.5s);pointer-events:none}
.sv2-sc-card{opacity:0;background:rgba(255,255,255,.96);color:var(--ink);border-radius:var(--radius);padding:30px 34px;max-width:560px;display:flex;flex-direction:column;gap:8px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);transform:translateX(-60px);animation:sv2card var(--t) infinite;animation-delay:var(--off)}
.sv2-sc-card em{font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--b1)}
.sv2-sc-card b{font-size:clamp(24px,2.4vw,34px);line-height:1.25;font-weight:700;letter-spacing:-.01em}
.sv2-sc-card span{font-size:15px;color:var(--ink-2)}
@keyframes sv2card{0%{opacity:0;transform:translateX(-80px)}4%,21%{opacity:1;transform:translateX(0)}24.5%,100%{opacity:0;transform:translateX(80px)}}
.sv2-dots{position:absolute;left:64px;bottom:28px;display:flex;gap:8px}
.sv2-dots i{width:28px;height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden;position:relative}
.sv2-dots i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;animation:sv2dot 14s infinite;animation-delay:calc(var(--i) * 3.5s)}
@keyframes sv2dot{0%{transform:scaleX(0)}25%{transform:scaleX(1)}25.1%,100%{transform:scaleX(0)}}
.sv2-chips2{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sv2-chips2 li{font-size:14px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;animation:sv2chip 14s infinite;animation-delay:calc(var(--i) * 3.5s);text-align:center}
@keyframes sv2chip{0%,25%{border-color:var(--b1);color:var(--ink);box-shadow:0 0 0 2px rgba(91,63,155,.25)}25.1%,100%{border-color:var(--line);color:var(--ink-2);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.sv2-track,.sv2-sc-card,.sv2-sc-icon,.sv2-dots i::after,.sv2-chips2 li{animation:none!important}.sv2-scene:first-child{opacity:1}.sv2-scene:first-child .sv2-sc-card,.sv2-scene:first-child .sv2-sc-icon{opacity:1;transform:none}}


/* 장면 비주얼 공통: 14s 주기, 장면 오프셋 --off */
.sv2-vis{position:relative;width:340px;height:250px;display:grid;place-items:center;opacity:0;animation:sv2vis var(--t) infinite;animation-delay:var(--off);color:#fff}
@keyframes sv2vis{0%{opacity:0;transform:translateX(40px)}5%,21%{opacity:1;transform:none}24.5%,100%{opacity:0;transform:translateX(-30px)}}
.sv2-vis>b{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.75);white-space:nowrap}
.sv2-vis *{animation-delay:var(--off)!important}
/* 1 QR */
.v-qr .phone{width:150px;height:200px;border-radius:var(--radius);background:#fff;border:6px solid #1B1230;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.v-qr .qr{display:grid;grid-template-columns:repeat(5,14px);gap:3px}
.v-qr .qr i{width:14px;height:14px;background:#1B1230;border-radius:2px;opacity:0;animation:sv2qr var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .06s)!important}
.v-qr .qr i:nth-child(3n){background:var(--b1)}
@keyframes sv2qr{0%,4%{opacity:0;transform:scale(.4)}8%,25%{opacity:1;transform:none}26%,100%{opacity:0}}
.v-qr .phone b{animation-delay:calc(var(--off) + 1.2s)!important;position:static;transform:none;font-family:var(--body);font-size:13px;font-weight:700;color:#fff;background:var(--b1);padding:6px 14px;border-radius:var(--pill);letter-spacing:0;animation:sv2pop var(--t) infinite}
@keyframes sv2pop{0%,5%{opacity:0;transform:scale(.6)}8%,22%{opacity:1;transform:none}24%,100%{opacity:0}}
.v-qr .tap{position:absolute;right:38px;top:120px;width:22px;height:22px;border-radius:50%;border:3px solid var(--acc);animation:sv2tap var(--t) infinite}
@keyframes sv2tap{0%,10%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1)}16%{opacity:0;transform:scale(2)}17%,100%{opacity:0}}
/* 2 미션 경로 */
.v-play svg{width:280px;height:190px;overflow:visible}
.v-play .path{fill:none;stroke:rgba(255,255,255,.6);stroke-width:3;stroke-dasharray:6 8;stroke-dashoffset:600;animation:sv2dash var(--t) infinite}
@keyframes sv2dash{0%,4%{stroke-dashoffset:600}20%,100%{stroke-dashoffset:0}}
.v-play .cp{fill:var(--acc);opacity:0;animation:sv2pop var(--t) infinite}
.v-play .cp:nth-of-type(2){animation-delay:calc(var(--off) + .6s)!important}.v-play .cp:nth-of-type(3){animation-delay:calc(var(--off) + 1.4s)!important}
.v-play .team circle{fill:#fff;stroke:var(--b1);stroke-width:3;offset-path:path("M20 140 C 70 40, 120 200, 170 80 S 240 60, 245 40");offset-distance:0%;animation:sv2walk var(--t) infinite}
.v-play .t2{animation-delay:calc(var(--off) + .25s)!important}.v-play .t3{animation-delay:calc(var(--off) + .5s)!important}
@keyframes sv2walk{0%,5%{offset-distance:0%;opacity:1}22%{offset-distance:100%;opacity:1}23%,100%{opacity:0}}
/* 3 노코드 블록 */
.v-tool{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:flex-start;padding-left:40px}
.v-tool .blk{width:200px;padding:12px 16px;border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-weight:700;font-size:14px;border-left:6px solid var(--acc);opacity:0;transform:translateX(-40px);animation:sv2blk var(--t) infinite;box-shadow:0 12px 30px -16px rgba(0,0,0,.5)}
.v-tool .b2{animation-delay:calc(var(--off) + .3s)!important;width:170px}.v-tool .b3{animation-delay:calc(var(--off) + .6s)!important;width:220px}.v-tool .b4{animation-delay:calc(var(--off) + .9s)!important;width:150px}
@keyframes sv2blk{0%,4%{opacity:0;transform:translateX(-40px)}7%,22%{opacity:1;transform:none}24%,100%{opacity:0}}
.v-tool .cur{position:absolute;left:190px;top:40px;width:18px;height:18px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-45deg) translate(0,0);animation:sv2cur var(--t) infinite}
@keyframes sv2cur{0%,5%{opacity:0;transform:rotate(-45deg) translate(-40px,-40px)}9%{opacity:1;transform:rotate(-45deg) translate(0,0)}12%{transform:rotate(-45deg) translate(20px,20px)}16%{transform:rotate(-45deg) translate(40px,40px)}20%{transform:rotate(-45deg) translate(60px,60px)}25%{opacity:1}26%,100%{opacity:0}}
/* 4 체크리스트 */
.v-check ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;width:250px}
.v-check li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:600;opacity:0;animation:sv2li var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .3s)!important}
.v-check li i{width:18px;height:18px;border-radius:50%;background:var(--acc);position:relative;flex:none}
.v-check li i::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
@keyframes sv2li{0%,4%{opacity:0;transform:translateX(20px)}7%,22%{opacity:1;transform:none}24%,100%{opacity:0}}
.v-check>b.pop{font-family:var(--display);font-size:20px;color:var(--acc);letter-spacing:0;opacity:0;animation:sv2pop var(--t) infinite;animation-delay:calc(var(--off) + 1.6s)!important}
.v-check .cnt{animation:sv2cnt5 var(--t) infinite;counter-reset:c var(--v,0)}
@keyframes sv2cnt5{0%,6%{--v:0}8%{--v:1}10%{--v:2}12%{--v:3}14%{--v:4}16%,100%{--v:5}}
/* 5 장바구니 */
.v-cart .chips{position:absolute;left:0;top:10px;display:flex;flex-direction:column;gap:6px}
.v-cart .chips i{font-style:normal;font-size:13px;font-weight:700;background:#fff;color:var(--b1);padding:6px 12px;border-radius:var(--pill);opacity:0;animation:sv2fly var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .3s)!important;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
@keyframes sv2fly{0%,5%{opacity:0;transform:translate(0,0)}8%{opacity:1;transform:translate(0,0)}14%{opacity:1;transform:translate(150px,120px) scale(.6)}15%,100%{opacity:0;transform:translate(150px,120px) scale(.3)}}
.v-cart .cart{position:absolute;right:20px;bottom:30px;width:140px;height:110px;border-radius:var(--radius);background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--b1);animation:sv2bump var(--t) infinite}
.v-cart .cart span{width:60px;height:44px;border:4px solid currentColor;border-top:0;border-radius:0 0 12px 12px;position:relative}
.v-cart .cart span::before{content:"";position:absolute;left:-14px;top:-12px;width:20px;height:6px;background:currentColor;border-radius:3px}
.v-cart .cart b{position:static;transform:none;font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink);letter-spacing:0}
@keyframes sv2bump{0%,8%{transform:none}10%,12%,14%,16%,18%{transform:scale(1.06)}11%,13%,15%,17%,19%,100%{transform:none}}
/* 6 알림 */
.v-bell .bell{width:120px;height:120px;border-radius:50%;background:#fff;color:var(--b1);display:grid;place-items:center;transform-origin:50% 10%;animation:sv2ring var(--t) infinite}
.v-bell .bell svg{width:60px;height:60px}
@keyframes sv2ring{0%,7%{transform:rotate(0)}9%{transform:rotate(14deg)}11%{transform:rotate(-12deg)}13%{transform:rotate(9deg)}15%{transform:rotate(-6deg)}17%,100%{transform:rotate(0)}}
.v-bell .days{position:absolute;right:10px;top:20px;display:flex;flex-direction:column;gap:8px}
.v-bell .days i{font-style:normal;font-family:var(--mono);font-size:13px;font-weight:600;background:var(--acc);color:#fff;padding:6px 12px;border-radius:var(--pill);opacity:0;animation:sv2li var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .5s)!important}
.v-bell .days i:last-child{background:var(--red)}
/* 7 서류 */
.v-doc .doc{width:200px;height:230px;background:#fff;border-radius:var(--radius-sm);padding:22px 20px;box-sizing:border-box;position:relative;color:var(--ink);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.v-doc .doc b{position:static;transform:none;font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink);display:block;margin-bottom:14px}
.v-doc .doc i{display:block;height:8px;border-radius:4px;background:#E4E7FF;margin-bottom:10px;width:0;animation:sv2line var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .35s)!important}
@keyframes sv2line{0%,6%{width:0}12%,100%{width:var(--w)}}
.v-doc .stamp{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border:3px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;transform:rotate(-12deg) scale(2);opacity:0;animation:sv2stamp var(--t) infinite}
@keyframes sv2stamp{0%,16%{opacity:0;transform:rotate(-12deg) scale(2)}18%,25%{opacity:1;transform:rotate(-12deg) scale(1)}26%,100%{opacity:0}}
/* 8 스쿨샵 */
.v-bag .grid{display:grid;grid-template-columns:repeat(3,80px);gap:10px}
.v-bag .grid i{height:76px;border-radius:var(--radius-sm);background:#fff;display:grid;place-items:end center;padding-bottom:8px;box-sizing:border-box;opacity:0;animation:sv2pop var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .18s)!important;position:relative;overflow:hidden}
.v-bag .grid i::before{content:"";position:absolute;inset:8px 8px 26px;border-radius:var(--radius-xs);background:linear-gradient(135deg,#E4E7FF,#C9CEFF)}
.v-bag .grid em{font-style:normal;font-size:11px;font-weight:700;color:var(--ink)}
.v-bag>b{background:var(--sun);color:var(--ink);padding:4px 10px;border-radius:var(--pill);font-family:var(--body);font-weight:700;letter-spacing:0}
/* 9 나침반 */
.v-compass svg{width:200px;height:200px}
.v-compass .ring{fill:none;stroke:rgba(255,255,255,.5);stroke-width:3}
.v-compass .ticks line{stroke:rgba(255,255,255,.55);stroke-width:2}
.v-compass .needle{transform-origin:100px 100px;animation:sv2needle var(--t) infinite}
.v-compass .needle path{fill:var(--acc)}.v-compass .needle circle{fill:#fff}
@keyframes sv2needle{0%,5%{transform:rotate(0)}12%{transform:rotate(500deg)}17%{transform:rotate(410deg)}20%{transform:rotate(440deg)}22%,100%{transform:rotate(430deg)}}
.v-compass>b{font-family:var(--display);font-size:20px;color:var(--acc);letter-spacing:.3em}
/* 10 레벨 */
.v-layers{display:flex;flex-direction:column-reverse;justify-content:center;gap:6px}
.v-layers .lv{width:220px;padding:10px 16px;border-radius:var(--radius-sm);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-weight:700;font-size:14px;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(20px);animation:sv2rise var(--t) infinite;animation-delay:calc(var(--off) + var(--n) * .35s)!important}
.v-layers .lv:nth-child(4){background:var(--acc);color:var(--ink);border-color:transparent}
.v-layers em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:.8}
@keyframes sv2rise{0%,4%{opacity:0;transform:translateY(20px)}7%,22%{opacity:1;transform:none}24%,100%{opacity:0}}
/* 11 시계 */
.v-clock svg{width:190px;height:190px;transform:rotate(-90deg);margin-bottom:26px}
.v-clock .face{fill:none;stroke:rgba(255,255,255,.25);stroke-width:10}
.v-clock .prog{fill:none;stroke:var(--acc);stroke-width:10;stroke-linecap:round;stroke-dasharray:540;stroke-dashoffset:540;animation:sv2prog var(--t) infinite}
@keyframes sv2prog{0%,5%{stroke-dashoffset:540}20%,100%{stroke-dashoffset:0}}
.v-clock .hand{stroke:#fff;stroke-width:5;stroke-linecap:round;transform-origin:100px 100px;animation:sv2hand var(--t) infinite}
@keyframes sv2hand{0%,5%{transform:rotate(0)}20%,100%{transform:rotate(360deg)}}
.v-clock circle:last-child{fill:#fff}
.v-clock>b.pop{font-family:var(--display);font-size:20px;color:var(--acc);letter-spacing:0;opacity:0;animation:sv2pop var(--t) infinite;animation-delay:calc(var(--off) + 1.8s)!important}
.v-clock .hrs{animation:sv2cnt15 var(--t) infinite}
@keyframes sv2cnt15{0%,5%{--v:0}20%,100%{--v:15}}
/* 12 네트워크 */
.v-share svg{width:280px;height:190px;overflow:visible}
.v-share .links line{stroke:rgba(255,255,255,.6);stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;animation:sv2link var(--t) infinite}
@keyframes sv2link{0%,6%{stroke-dashoffset:200}14%,100%{stroke-dashoffset:0}}
.v-share .nodes circle{fill:#fff;opacity:0;animation:sv2pop var(--t) infinite;animation-delay:calc(var(--off) + .6s + var(--n) * .25s)!important}
.v-share .nodes .c{fill:var(--acc);opacity:0;animation:sv2li var(--t) infinite;animation-delay:var(--off)!important}

.pc .brand.rp,.pm-top .brand.rp{color:var(--ink)}

/* 스테이지 장식: 빛 + 브랜드 패턴 + 워터마크 + 그레인 */
.sv2-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.sv2-deco .glow{position:absolute;border-radius:50%;filter:blur(40px)}
.sv2-deco .glow.a{width:520px;height:520px;right:-140px;top:-220px;background:radial-gradient(circle,var(--glow1),transparent 62%)}
.sv2-deco .glow.b{width:420px;height:420px;left:-160px;bottom:-220px;background:radial-gradient(circle,var(--glow2),transparent 62%)}
.sv2-brand.rws{--glow1:rgba(242,169,59,.55);--glow2:rgba(255,120,180,.35);--pat:rgba(255,255,255,.16);--wm:rgba(255,255,255,.07)}
.sv2-brand.gl{--glow1:rgba(255,255,255,.45);--glow2:rgba(255,209,102,.4);--pat:rgba(255,255,255,.2);--wm:rgba(255,255,255,.08)}
.sv2-brand.un{--glow1:rgba(255,197,49,.38);--glow2:rgba(216,45,32,.3);--pat:rgba(245,239,230,.14);--wm:rgba(255,255,255,.06)}
.sv2-deco .pat{position:absolute;inset:0;width:100%;height:100%;color:var(--pat)}
.sv2-deco .wm{position:absolute;right:-.06em;bottom:-.28em;font-family:var(--display);font-size:clamp(120px,15vw,210px);line-height:1;letter-spacing:.02em;color:var(--wm);white-space:nowrap;font-weight:400}
.sv2-brand.gl .sv2-deco .wm{font-size:clamp(90px,10.5vw,150px)}
.sv2-deco .grain{position:absolute;inset:0;opacity:.22;mix-blend-mode:overlay;background-image:url("images/services_cta_grain.svg");background-size:160px 160px}
.sv2-stage::before{display:none}
.sv2-scene,.sv2-dots{position:absolute;z-index:2}
@media (max-width:768px){.sv2-deco .wm{font-size:80px}.sv2-deco .pat{opacity:.7}}
/* CTA 밴드 */
.sv2-ctasec{padding-block:56px 72px}
.sv2-ctaband{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--red);color:#fff;border-radius:var(--radius);padding:34px 40px;position:relative;overflow:hidden;box-shadow:var(--e2)}
.sv2-ctaband::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.sv2-ctalab{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:#fff;opacity:.85}
.sv2-ctaband h2{font-size:clamp(34px,4.6vw,56px);line-height:1.15;margin-top:8px}
.sv2-ctaband p{font-size:15px;opacity:.9;margin-top:10px;max-width:34em}
.sv2-ctabtn{all:unset;position:relative;z-index:1;display:flex;align-items:center;background:#fff;color:var(--red);border-radius:var(--radius);padding:18px 64px 18px 24px;cursor:pointer;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);transition:transform .2s ease,background .2s ease;font-family:var(--body)}
.sv2-ctabtn b{font-size:19px;font-weight:700}
.sv2-ctabtn i{position:absolute;right:22px;top:50%;width:14px;height:14px;border-right:3px solid currentColor;border-top:3px solid currentColor;transform:translateY(-50%) rotate(45deg);transition:transform .2s}
.sv2-ctabtn:hover{transform:translateY(-3px);background:var(--sun);color:var(--ink)}.sv2-ctabtn:hover i{transform:translateY(-50%) translateX(4px) rotate(45deg)}
.sv2-ctabtn:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.sv2-contact{display:grid;grid-template-columns:auto 1fr;gap:24px 40px;align-items:center;margin-top:20px;padding:18px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.sv2-clinks{display:flex;gap:8px}
.sv2-clinks a{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:10px 16px;border-radius:var(--radius-sm);background:var(--bg-2);transition:transform .2s}
.sv2-clinks a:hover{transform:translateY(-3px)}
.sv2-clinks em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--red)}
.sv2-clinks b{font-family:var(--display);font-weight:400;font-size:18px;line-height:1.1}
.sv2-cinfo{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14px;color:var(--ink-2);justify-content:flex-end}
.sv2-cinfo>span{display:flex;flex-direction:column;gap:1px;white-space:nowrap}
.sv2-cinfo em{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--ink-3)}
/* 폼 모달 */
.sv2-fbox{width:min(600px,100%)}
.sv2-fbox form{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.sv2-fbox .f{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0}
.sv2-fbox label,.sv2-fbox legend{font-size:13px;font-weight:700;color:var(--navy-band-mute)}
.sv2-fbox textarea{font-family:var(--body);font-size:15px;padding:12px 14px;border:1px solid var(--navy-band-line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);resize:vertical;min-height:96px}
.sv2-fbox input[type=text],.sv2-fbox select{font-family:var(--body);font-size:15px;padding:12px 14px;border:1px solid var(--navy-band-line);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}
.sv2-fbox fieldset.f{flex-direction:row;flex-wrap:wrap;gap:8px 10px}
.sv2-fbox fieldset legend{width:100%;margin-bottom:6px}
.sv2-fbox fieldset label{width:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:14px;color:var(--navy-band-ink);background:rgba(255,255,255,.08);border:1px solid var(--navy-band-line);border-radius:var(--pill);padding:6px 12px;cursor:pointer}
.sv2-fbox fieldset label.on{background:var(--sun);color:var(--ink);border-color:transparent}
.sv2-fbox button.pill{align-self:flex-start;margin-top:4px}
.sv2-fnote{font-size:13px;color:var(--navy-band-mute);margin:0}
@media (max-width:768px){
  .sv2-packs{grid-template-columns:1fr 1fr}
  .sv2-dash,.sv2-bhead2,.sv2-ctaband,.sv2-contact{grid-template-columns:1fr}
  .sv2-cinfo{justify-content:flex-start}
  .sv2-bhead2 p{justify-self:start;text-align:left}
  .sv2-pcols{grid-template-columns:1fr}
  .sv2-flow{grid-template-columns:1fr 1fr}.sv2-flow li:not(:last-child)::after{display:none}
  .sv2-season a{margin-left:0}
  .sv2-roles{flex-direction:row;overflow-x:auto;padding-bottom:4px;height:auto}.sv2-roles button{min-width:220px;flex:none}
  .sv2-rowhead{padding-left:20px}
  .sv2-stage{height:360px}.sv2-scene{padding:0 24px;grid-template-columns:1fr;gap:12px;align-content:center}.sv2-vis{width:100%;height:120px;transform:scale(.6);transform-origin:center}
  .sv2-chips2{grid-template-columns:1fr 1fr}
  .sv2-brand{padding-block:64px}
}
@media (max-width:480px){
  .sv2-packs,.sv2-flow,.sv2-chips2{grid-template-columns:1fr}
  .sv2-clinks{flex-direction:column}
  .sv2-stage{height:300px}.sv2-sc-card{padding:20px 22px}
  .sv2-bbtns{width:100%}.sv2-bbtns .pill{flex:1;justify-content:center}
}




/* 프로그램 카탈로그 (홈 라이브러리 규격 재사용) */
.sv2-cat{padding-block:88px 96px}
.sv2-cat .center h2{font-size:clamp(34px,4.6vw,56px);line-height:1.1;margin-top:14px}
.sv2-cat p.l b{color:var(--ink);font-weight:700}
.sv2-cat .search{max-width:820px}
.sv2-pcount{font-size:13px;color:var(--ink-3);margin-top:22px;text-align:left}
.sv2-cat .grid5{margin-top:12px}
.sv2-cat .empty a{color:var(--red);font-weight:700}
.sv2-cat .pc.sv2-over{display:none}
.sv2-more{margin-top:22px}
.sv2-more .pill.ghost svg{width:14px;height:14px}
.sv2-more[hidden]{display:none}
.sv2-soon{font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:3px 9px;border-radius:var(--pill);background:var(--sun);color:var(--ink)}
/* 프로그램 상세 모달 (사이트 팔레트) */
.pm-box{background:var(--surface);color:var(--ink);width:min(640px,100%);padding:34px 36px 30px}
.pm-box .sv2-mclose{color:var(--ink-3)}.pm-box .sv2-mclose:hover{color:var(--ink)}
.pm-top{display:flex;gap:8px;align-items:center}
.pm-top .brand{font-family:var(--body);font-weight:700;font-size:12px;padding:4px 10px;border-radius:var(--radius-xs);background:var(--bg-2)}
.pm-top .brand.rw{color:var(--red)}.pm-top .brand.gl{color:var(--gl)}.pm-top .brand.ul{color:var(--ul-ink)}
.pm-name{font-size:clamp(24px,2.6vw,32px);line-height:1.25;font-weight:700;margin-top:14px;letter-spacing:-.01em}
.pm-meta{font-size:14px;color:var(--ink-3);margin-top:6px}
.pm-ansbox{margin-top:20px;padding:20px 22px;border-radius:var(--radius);background:var(--bg-2)}
.pm-ansbox em{display:block;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--red)}
.pm-ansbox b{display:block;font-size:17px;line-height:1.45;margin-top:8px}
.pm-ansbox p{font-size:15px;line-height:1.75;color:var(--ink-2);margin-top:12px}
.pm-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;padding-top:14px;border-top:1px dashed var(--line)}
.pm-dl div{display:flex;flex-direction:column;gap:2px;font-size:14px}
.pm-dl dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3)}.pm-dl dd{margin:0;color:var(--ink)}
.pm-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pm-btns .pill.line{color:var(--ink);border-color:var(--ink)}
.prev-note{max-width:1180px;margin:0 auto;padding:18px 20px 0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--red)}
.prev-gap{height:48px;background:repeating-linear-gradient(45deg,var(--bg-2),var(--bg-2) 10px,var(--bg) 10px,var(--bg) 20px)}
@media (max-width:768px){.pm-box{padding:24px 22px}.pm-dl{grid-template-columns:1fr}}
/* 화면 밖 스테이지 정지 */
.sv2-brand:not(.inview) .sv2-stage *,.sv2-brand:not(.inview) .sv2-chips2 li{animation-play-state:paused!important}
.sv2-bnote{margin-top:14px;font-size:13px;color:var(--ink-3);text-align:right}
/* AXIT 스트립 */
.sv2-axit{padding-block:40px}
.sv2-axit-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.sv2-axit-row h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.15;margin-top:8px}
.sv2-axit-row p{color:var(--navy-band-mute);font-size:15px;margin-top:8px;max-width:44em}
@media (max-width:768px){
  .sv2-axit-row{grid-template-columns:1fr}
  /* 모바일: 마키 정지 + 가로 스크롤 */
  .sv2-stage{height:260px}
  .sv2-scene{grid-template-columns:1fr}
}

.rp-offscreen,.rp-offscreen *{animation-play-state:paused!important}

.rp-modal{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.6);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:auto}
.rp-modal[hidden]{display:none}
.rp-mbox{position:relative;width:min(720px,100%);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:34px 36px 30px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);animation:rpin .3s ease}
@keyframes rpin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.rp-mclose{all:unset;position:absolute;top:14px;right:18px;font-size:28px;line-height:1;cursor:pointer;color:var(--ink-3);padding:4px 8px}.rp-mclose:hover{color:var(--ink)}
.rp-mlab{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--red)}
.rp-mbox h3{font-size:clamp(20px,2.4vw,26px);line-height:1.3;font-weight:700;margin:8px 0 22px}
.f .agree{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;margin:0}
.f .agree input{width:auto}
.f .chk label.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.cta-red .links li{list-style:none}.cta-red .links .tile{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-sm);color:#fff;background:rgba(255,255,255,.06)}.cta-red .links .tile b{display:block;font-size:15px}.cta-red .links .tile small{display:block;font-size:12px;opacity:.8;margin-top:2px}
@media (max-width:768px){.rp-mbox{padding:24px 20px}.rp-modal{padding:16px 10px}}

.job-box{width:min(760px,100%)}
.job-box h3{font-size:clamp(22px,2.4vw,28px);line-height:1.3;font-weight:700;margin:8px 0 4px}
.job-box .job-type{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);margin:0 0 14px}
.job-box .job-intro{font-size:15.5px;line-height:1.75;color:var(--ink-2);padding:16px 18px;background:var(--bg-2);border-radius:var(--radius-sm)}
.job-box .job-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:20px}
.job-box h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--red);margin:14px 0 8px}
.job-box ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.job-box ul li{font-size:14px;line-height:1.6;color:var(--ink-2);padding-left:14px;position:relative}
.job-box ul li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--ink-3)}
.job-box .job-cond{grid-template-columns:1fr 1fr}
.job-box .job-apply{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.job-box .job-mail{font-size:14px;color:var(--ink-2);margin:0}
.job-box .job-mail b{font-family:var(--mono);font-size:13px;background:var(--sun-tint);padding:3px 10px;border-radius:var(--radius-xs);color:var(--ink)}
@media (max-width:768px){.job-box .job-grid,.job-box .job-cond{grid-template-columns:1fr}}

/* 홈 섹션 타이틀 크기 통일 — hm-history(모두의 학교) 기준 */
#page-home #hm-era h2,#page-home #hm-loop h2.display,#page-home #pillars h2.display,#page-home #library h2.display,#page-home #hm-proof h2.display,#page-home #contact-home h2.display{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.005em}

/* 솔루션·서비스·언러닝·인재채용 섹션 타이틀 크기 통일 (회사소개 제외, 대형 선언문 .big/.byf 제외) */
#page-solution h2:not(.big):not(.byf):not(.s1),#page-services h2,#page-unlearning h2,#page-careers h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.005em}

/* 띠배너(AXIT · CONTACT) 타이틀 — 섹션 타이틀보다 2pt 작게 */
#page-services #svc-axit h2,#page-services .sv2-ctaband h2{font-size:calc(clamp(30px,3.6vw,48px) - 2pt);line-height:1.2}

/* ===== 다크 모드 토큰 (시스템 설정 또는 data-theme) ===== */
:root{--dk-bg:#12141A;--dk-bg2:#191C24;--dk-surface:#1F232D;--dk-ink:#F1EEE8;--dk-ink2:#C9CDD6;--dk-ink3:#9AA1B0;--dk-line:#2E3340}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:var(--dk-bg);--bg-2:var(--dk-bg2);--surface:var(--dk-surface);--ink:var(--dk-ink);--ink-2:var(--dk-ink2);--ink-3:var(--dk-ink3);--line:var(--dk-line);
  --red-tint:rgba(217,45,32,.18);--sun-tint:rgba(255,197,49,.16);--purple-tint:rgba(110,42,230,.16);--wire:#F1EEE8;
  --shadow:0 18px 40px -24px rgba(0,0,0,.7);--e1:0 1px 2px rgba(0,0,0,.4),0 10px 30px -18px rgba(0,0,0,.6);--e1h:0 2px 4px rgba(0,0,0,.5),0 24px 50px -22px rgba(0,0,0,.7);--hl:inset 0 1px 0 rgba(255,255,255,.06);--paper:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 60%);
}}
:root[data-theme="dark"]{
  --bg:var(--dk-bg);--bg-2:var(--dk-bg2);--surface:var(--dk-surface);--ink:var(--dk-ink);--ink-2:var(--dk-ink2);--ink-3:var(--dk-ink3);--line:var(--dk-line);
  --red-tint:rgba(217,45,32,.18);--sun-tint:rgba(255,197,49,.16);--purple-tint:rgba(110,42,230,.16);--wire:#F1EEE8;
  --shadow:0 18px 40px -24px rgba(0,0,0,.7);--e1:0 1px 2px rgba(0,0,0,.4),0 10px 30px -18px rgba(0,0,0,.6);--e1h:0 2px 4px rgba(0,0,0,.5),0 24px 50px -22px rgba(0,0,0,.7);--hl:inset 0 1px 0 rgba(255,255,255,.06);--paper:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 60%);
}
html,body{background:var(--bg);color:var(--ink)}

/* 다크 모드 · 하드코딩 색 보정 */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero.navy.warm,:root:not([data-theme="light"]) .nav{--dk-on:1}}
:root[data-theme="dark"] .hero.navy.warm,:root[data-theme="dark"] .nav{--dk-on:1}
.hero.navy.warm{--dk-on:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero.navy.warm{background:radial-gradient(56% 58% at 12% 106%,rgba(217,45,32,.28),transparent 62%),radial-gradient(36% 44% at 92% -8%,rgba(255,197,49,.14),transparent 60%),linear-gradient(180deg,#171A22 0%,#12141A 60%,#0F1116 100%)}
  :root:not([data-theme="light"]) .hero.navy.warm .grain{mix-blend-mode:soft-light;opacity:.2}
  :root:not([data-theme="light"]) .nav{background:rgba(18,20,26,.82);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}}
:root[data-theme="dark"] .hero.navy.warm{background:radial-gradient(56% 58% at 12% 106%,rgba(217,45,32,.28),transparent 62%),radial-gradient(36% 44% at 92% -8%,rgba(255,197,49,.14),transparent 60%),linear-gradient(180deg,#171A22 0%,#12141A 60%,#0F1116 100%)}
:root[data-theme="dark"] .hero.navy.warm .grain{mix-blend-mode:soft-light;opacity:.2}
:root[data-theme="dark"] .nav{background:rgba(18,20,26,.82);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}

/* 회사소개·솔루션은 전용 라이트 팔레트로 설계된 페이지 — 다크 환경에서도 라이트 토큰 유지 (가독성 보장) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #page-about,:root:not([data-theme="light"]) #page-solution,:root:not([data-theme="light"]) #page-careers .cr-film{--bg:#FFFDFA;--bg-2:#F8F3EC;--surface:#FFFFFF;--ink:#0F172A;--ink-2:#3B4457;--ink-3:#6B7386;--line:#EAE2D8;--red-tint:#FCE4DF;--sun-tint:#FFF1C2;--purple-tint:#F5F1FF;--wire:#0F172A;--shadow:0 18px 40px -24px rgba(15,23,42,.35);--e1:0 1px 2px rgba(15,23,42,.06),0 10px 30px -18px rgba(15,23,42,.22);--e1h:0 2px 4px rgba(15,23,42,.08),0 24px 50px -22px rgba(15,23,42,.35);--hl:inset 0 1px 0 rgba(255,255,255,.7);--paper:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%);color-scheme:light}}
:root[data-theme="dark"] #page-about,:root[data-theme="dark"] #page-solution,:root[data-theme="dark"] #page-careers .cr-film{--bg:#FFFDFA;--bg-2:#F8F3EC;--surface:#FFFFFF;--ink:#0F172A;--ink-2:#3B4457;--ink-3:#6B7386;--line:#EAE2D8;--red-tint:#FCE4DF;--sun-tint:#FFF1C2;--purple-tint:#F5F1FF;--wire:#0F172A;--shadow:0 18px 40px -24px rgba(15,23,42,.35);--e1:0 1px 2px rgba(15,23,42,.06),0 10px 30px -18px rgba(15,23,42,.22);--e1h:0 2px 4px rgba(15,23,42,.08),0 24px 50px -22px rgba(15,23,42,.35);--hl:inset 0 1px 0 rgba(255,255,255,.7);--paper:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%);color-scheme:light}

/* 테마 토글 */
.theme-tg{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:inline-grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,color .2s}
.theme-tg:hover{color:var(--red)}
.theme-tg svg{width:18px;height:18px;grid-area:1/1}
.theme-tg .i-moon{display:none}
:root[data-theme="dark"] .theme-tg .i-sun{display:none}:root[data-theme="dark"] .theme-tg .i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-tg .i-sun{display:none}:root:not([data-theme="light"]) .theme-tg .i-moon{display:block}}
@media (max-width:480px){.theme-tg{width:34px;height:34px}}

/* ===== 다크 모드 · 하드코딩 색 조합 보정 (작업지시서 3-2) ===== */
:root[data-theme="dark"] .svc .pin{color:#0F172A}
:root[data-theme="dark"] .pg.gl{color:#0F172A}
:root[data-theme="dark"] .pg.gl .doc{color:#0F172A}
:root[data-theme="dark"] .pg.ul,:root[data-theme="dark"] .wt.grad2{background:linear-gradient(160deg,#16213A,#0F172A)}
:root[data-theme="dark"] .pg .btn,:root[data-theme="dark"] .pc.dark,:root[data-theme="dark"] #page-services .sv2-bpin.un{background:#0F172A;color:#F5EFE6}
:root[data-theme="dark"] .pc.dark small,:root[data-theme="dark"] .pc.dark b,:root[data-theme="dark"] .pc.dark span{color:inherit}
:root[data-theme="dark"] #page-careers .pk,:root[data-theme="dark"] .wt.growth,:root[data-theme="dark"] .wt.glass{background:var(--surface)}
:root[data-theme="dark"] .sv2-sc-card{background:rgba(31,35,45,.96)}
:root[data-theme="dark"] .v-doc .doc,:root[data-theme="dark"] .v-cart .cart{background:#F5F1EA;color:#0F172A}
:root[data-theme="dark"] .v-doc .doc b,:root[data-theme="dark"] .v-doc .doc span,:root[data-theme="dark"] .v-cart .cart b{color:#0F172A}
:root[data-theme="dark"] .sv2-stage,:root[data-theme="dark"] .sv2-stage b{color:#fff}
:root[data-theme="dark"] .svc .bd.ul{background:var(--surface)}
:root[data-theme="dark"] .lib .pc.hl,:root[data-theme="dark"] .lib .pc.featured{color:#0F172A}

/* ===== 작업지시서 반영 (2026-09-28) ===== */
/* 3-4 PC 카드 하단 텍스트 잘림: 전역 .tile의 overflow:hidden·무패딩이 경험 카드에 상속되던 문제 */
.sol-xp .tile{overflow:visible;padding:0 0 22px;background:var(--bg-2);border-radius:var(--radius-lg);min-height:0;height:auto}
.sol-xp .tile .gfx{border-radius:var(--radius-lg) var(--radius-lg) var(--radius) var(--radius)}
.sol-xp .tile .cap,.sol-xp .tile p{padding-inline:18px}
.sol-xp .tile p{overflow-wrap:anywhere}
/* 3-2 서비스 카드: 전역 .show{width:400px;max-width:82vw}가 3열 그리드(1024~1280px)와 모바일에서 넘치던 문제 → 그리드 셀에 맞춤 */
#pillars .svc-grid .show.svc{width:100%;max-width:none;margin-inline:auto;min-width:0}
#pillars .svc-grid{justify-items:stretch}
/* 3-6 경로 UI: PC는 SVG, 모바일은 세로 타임라인 */
.spectrum-m{display:none}
@media (max-width:768px){
  /* 3-1 본문 양끝정렬 공백 제거 */
  .policy-note{text-align:left;text-justify:auto;word-break:keep-all;overflow-wrap:anywhere}
  /* 3-6 */
  .spectrum svg{display:none}
  .spectrum{max-width:none;width:100%}
  .spectrum-m{display:grid;gap:0;margin:8px 0 0;padding:0 0 0 6px;list-style:none;position:relative}
  .spectrum-m::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:2px;background:repeating-linear-gradient(180deg,var(--ink-3) 0 5px,transparent 5px 10px);opacity:.5}
  .spectrum-m li{position:relative;display:flex;align-items:flex-start;gap:14px;padding:10px 0 14px;min-height:56px}
  .spectrum-m .nd{flex:none;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--ink);box-shadow:0 0 0 4px var(--bg);margin-top:2px;position:relative;z-index:1}
  .spectrum-m li.out .nd{background:var(--red);border-color:var(--red)}
  .spectrum-m b{display:block;font-family:var(--display);font-weight:400;font-size:18px;color:var(--ink);line-height:1.2}
  .spectrum-m li.out b{color:var(--red)}
  .spectrum-m small{display:block;font-size:13px;color:var(--ink-3);margin-top:3px;line-height:1.5}
}
@media (max-width:480px){
  /* 3-3 프로그램 카드 1열 */
  #library .grid5{grid-template-columns:1fr;gap:12px}
  #library .pc{aspect-ratio:auto;min-height:0;width:100%;padding:16px 18px;display:grid;grid-template-columns:1fr 92px;grid-template-rows:auto auto;column-gap:14px;row-gap:8px;align-items:center}
  #library .pc .a{grid-column:1;grid-row:1}
  #library .pc .n{grid-column:1;grid-row:2;font-size:18px}
  #library .pc .art{position:relative;inset:auto;grid-column:2;grid-row:1/3;width:92px;height:92px;margin:0}
  #library .pc .art svg{width:82%}
}
/* 3-5 모바일 전체 메뉴 */
.mnav-tg{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
.mnav-tg span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s}
.mnav-tg[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mnav-tg[aria-expanded="true"] span:nth-child(2){opacity:0}
.mnav-tg[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav-bg{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:60;backdrop-filter:blur(2px)}
.mnav{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);z-index:61;background:var(--surface);color:var(--ink);box-shadow:-20px 0 60px -20px rgba(0,0,0,.4);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.mnav.on{transform:none}
.mnav-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px 22px;border-bottom:1px solid var(--line)}
.mnav-t{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--ink-3)}
.mnav-x{width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:28px;line-height:1;cursor:pointer;border-radius:12px}
.mnav-x:hover{background:var(--bg-2)}
.mnav-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}
.mnav-list>li{border-bottom:1px solid var(--line)}
.mnav-list .row{display:flex;align-items:stretch}
.mnav-list .row>a{flex:1;display:flex;align-items:center;min-height:52px;padding:0 22px;font-family:var(--display);font-size:20px;color:var(--ink);text-decoration:none}
.mnav-list .row>a[aria-current="page"]{color:var(--red)}
.mnav-list .row>a[aria-current="page"]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:10px}
.mnav-list .sub-tg{width:52px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink-3);cursor:pointer;display:grid;place-items:center}
.mnav-list .sub-tg svg{width:16px;height:16px;transition:transform .25s}
.mnav-list .sub-tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.mnav-list .sub{list-style:none;margin:0;padding:4px 0 10px;background:var(--bg-2)}
.mnav-list .sub a{display:block;padding:11px 22px 11px 34px;min-height:44px;color:var(--ink-2);text-decoration:none;font-size:15px;line-height:1.4}
.mnav-list .sub a b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--red)}
.mnav-list .sub a[aria-current="true"]{color:var(--ink);font-weight:700}
.mnav-ft{padding:14px 22px;border-top:1px solid var(--line);display:grid;gap:8px}
.mnav-ft .pill{justify-content:center;min-height:46px}
body.mnav-open{overflow:hidden;touch-action:none}
@media (max-width:768px){
  .mnav-tg{display:inline-flex}
  .nav .cta .pill.ghost{display:none}
}
@media (max-width:480px){
  .nav .cta{gap:8px}
  .nav .cta .pill.red{padding-inline:12px;font-size:13px}
}

/* 파트너 카드: 4열 grid의 min-content 넘침(1024px)으로 가로 스크롤 발생 → minmax(0,1fr)·2열 전환 */
.partners .pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.partners .ptn{min-width:0}
.partners .ptn h4,.partners .ptn span,.partners .ptn .did{overflow-wrap:anywhere}
@media (max-width:1100px){.partners .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.partners .pgrid{grid-template-columns:1fr}}

:root[data-theme="dark"] .sv2-roles button[aria-selected="true"]{background:#0F172A;border-color:#0F172A}
:root[data-theme="dark"] .sv2-roles button[aria-selected="true"] b,:root[data-theme="dark"] .sv2-roles button[aria-selected="true"] span,:root[data-theme="dark"] .sv2-roles button[aria-selected="true"] em{color:#F5EFE6}