/* ══════════════════════════════════════════════════
   청년미래플러스 — 메인 페이지  (.ym-main 완전 스코프)
   ══════════════════════════════════════════════════ */


/* ── Motion 초기 상태 (motion.js가 제어 / 폴백 포함) 움직임 만지지마세요 지미 ── */
.ym-main [data-motion]                  { opacity:0; }
.ym-main [data-motion="fadeUp"]         { transform:translateY(32px); }
.ym-main [data-motion="fadeDown"]       { transform:translateY(-24px); }
.ym-main [data-motion="fadeLeft"]       { transform:translateX(-32px); }
.ym-main [data-motion="fadeRight"]      { transform:translateX(32px); }
.ym-main [data-motion="scaleUp"]        { transform:scale(.93); }
.ym-main [data-motion="fadeIn"]         { transform:none; }

.ym-main [data-motion].motion-in {
    opacity:1 !important;
    transform:none !important;
    transition:opacity .7s cubic-bezier(.22,.61,.36,1),
               transform .7s cubic-bezier(.22,.61,.36,1);
}

/* ═══════════════════════════════
   공통 -wrap 수정
═══════════════════════════════ */
.ym-main                     { overflow-x:hidden; }
.ym-main .ymn-section        { padding:96px 0; }
.ym-main .ymn-section-sm     { padding:68px 0; }
.ym-main .ymn-cta__tag,
.ym-main .ymn-label {
    display:inline-block;
    font-size:clamp(11px, 2.5vw, 16px); font-weight:700;
    letter-spacing:.12em; text-transform:uppercase;
    padding:clamp(6px, 2.5vw, 10px) clamp(15px, 2.5vw, 35px); border-radius:999px;
    margin-bottom:clamp(12px, 2.5vw, 20px)
}
.ym-main .ymn-section-hd     { text-align:center; margin-bottom:clamp(20px, 2.5vw, 60px); }
.ym-main .ymn-cta__title,
.ym-main .ymn-title {
    font-size:clamp(30px, 2.5vw, 55px);
    font-weight:800; color:var(--grey-900);
    line-height:1.25; margin:0 0 14px; word-break:keep-all;
}
.ym-main .ymn-cta__desc ,
.ym-main .ymn-desc {
    font-size:clamp(16px, 2.5vw, 19px);  padding-bottom:clamp(10px, 2.5vw, 20px); color:var(--grey-500);
    line-height:1.85; margin:0; word-break:keep-all;
}


/* ═══════════════════════════════
   01  HERO
═══════════════════════════════ */
.ym-main .ymn-hero {
    position:relative;
    min-height:700px;
    display:flex; align-items:center;
    overflow:hidden;
}

/* 슬라이드 레이어 */
.ym-main .ymn-hero__slides  { position:absolute; inset:0; z-index:0; }
.ym-main .ymn-hero__slide {
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    opacity:0;
    transition:opacity 1.4s ease;
	    background-color:#0f1e3c;
    /* ▼ 실제 이미지 경로로 교체 */
}
.ym-main .ymn-hero__slide.is-active    { opacity:1; }
.ym-main .ymn-hero__slide:nth-child(1) {
    background-image:url('/img/sub/insubbg01.gif');         

}
.ym-main .ymn-hero__slide:nth-child(2) {
    background-image:url('/img/sub/insubbg02.gif');         
}
.ym-main .ymn-hero__slide:nth-child(3) {
    background-image:url('/img/sub/insubbg03.gif');      
}

/* 다크 오버레이 */
.ym-main .ymn-hero__overlay {
    position:absolute; inset:0; z-index:1;
    background:linear-gradient(
        108deg,
        rgba(8,16,38,.86) 0%,
        rgba(12,22,48,.65) 52%,
        rgba(8,16,38,.45) 100%
    );
}

/* 배경 UI 장식 */
.ym-main .ymn-hero__shapes {
    position:absolute; inset:0; z-index:2;
    pointer-events:none; overflow:hidden;
}
.ym-main .ymn-hero__shapes::before {
    content:'';
    position:absolute; top:-120px; right:-120px;
    width:520px; height:520px; border-radius:50%;
    background:radial-gradient(circle, rgba(46,167,224,.1) 0%, transparent 68%);
}
.ym-main .ymn-hero__shapes::after {
    content:'';
    position:absolute; bottom:-80px; left:-80px;
    width:380px; height:380px; border-radius:50%;
    background:radial-gradient(circle, rgba(65,102,176,.1) 0%, transparent 70%);
}
.ym-main .ymn-hero__dots-bg {
    position:absolute; inset:0; z-index:2; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:30px 30px;
}
/* 하단 사선 구분선 */
.ym-main .ymn-hero__line {
    position:absolute; bottom:0; left:0; right:0; z-index:3;
    height:3px;
    background:linear-gradient(90deg, transparent, var(--point01), var(--point02), transparent);
    opacity:.5;
}

/* 콘텐츠 영역 */
.ym-main .ymn-hero__inner {
    position:relative; z-index:4;
    display:flex; align-items:center; gap:64px;
    padding:100px 4%;
}
.ym-main .ymn-hero__content { flex:1; min-width:0; }

.ym-main .ymn-hero__eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(46,167,224,.13);
    border:1px solid rgba(46,167,224,.3);
    color:#7dd3f5;
    font-size:clamp(12px, 2.5vw, 18px); font-weight:700;
    padding:.44em 2em; border-radius:999px;
    margin-bottom:26px; letter-spacing:.05em;
}
.ym-main .ymn-hero__h1 {
    font-size:clamp(40px,4.5vw,80px);
    font-weight:800; color:#fff;
    line-height:1.13; margin:0 0 22px; word-break:keep-all;
}
.ym-main .ymn-hero__h1 em   { font-style:normal; color:var(--point01); }
.ym-main .ymn-hero__h1 small {
    display:block;
    font-size:.48em; font-weight:600;
    color:rgba(255,255,255,.38);
    letter-spacing:.14em; text-transform:uppercase;
    margin-bottom:10px;
}
.ym-main .ymn-hero__desc { padding-top:20px;
    font-size:clamp(15px, 2.5vw,18px); color:rgba(255,255,255,.6);
    line-height:1.92; margin:0 0 38px;
    max-width:500px; word-break:keep-all;
}
.ym-main .ymn-hero__btns   { display:flex; flex-wrap:wrap; gap:12px; }

/* 버튼 공통 */
.ym-main .ymn-cta__btn-outline,
.ym-main .ymn-cta__btn-fill,
.ym-main .ymn-btn-fill,
.ym-main .ymn-btn-ghost  {
font-size:clamp(15px, 2.5vw, 20px);   padding:clamp(10px, 2.5vw, 15px) clamp(16px, 2.5vw, 40px); }

.ym-main .ymn-cta__btn-fill,
.ym-main .ymn-btn-fill {
    display:inline-flex; align-items:center; gap:8px;
    background:var(--point01); color:#fff !important;
    font-weight:700;
   border-radius:8px;
    text-decoration:none !important;
    box-shadow:0 4px 20px rgba(46,167,224,.38);
    transition:background .2s,transform .15s,box-shadow .2s;
}
.ym-main .ymn-btn-fill:hover { background:#1a8fc4; transform:translateY(-2px); box-shadow:0 8px 30px rgba(46,167,224,.44); color:#fff !important; }
.ym-main .ymn-cta__btn-outline,
.ym-main .ymn-btn-ghost {
    display:inline-flex; align-items:center; gap:8px;
    border:1.5px solid rgba(255,255,255,.28); color:rgba(255,255,255,.82) !important;
     font-weight:600;
   border-radius:8px;
    text-decoration:none !important;
    transition:border-color .2s,background .2s,color .2s,transform .15s;
}
.ym-main .ymn-btn-ghost:hover { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.07); color:#fff !important; transform:translateY(-2px); }

/* 슬라이더 인디케이터 */
.ym-main .ymn-hero__indicator {
    position:absolute; bottom:30px; left:50%;
    transform:translateX(-50%);
    z-index:5; display:flex; gap:8px;
}
.ym-main .ymn-hero__dot {
    width:24px; height:3px; border-radius:2px;
    background:rgba(255,255,255,.25);
    border:none; padding:0; cursor:pointer;
    transition:background .3s,width .35s cubic-bezier(.34,1.56,.64,1);
}
.ym-main .ymn-hero__dot.is-active { width:44px; background:var(--point01); }

/* BEST 카드 */
.ym-main .ymn-hero__visual { flex-shrink:0; width:450px; }
.ym-main .ymn-best-card {
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px; padding:28px 24px;
    backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    box-shadow:0 24px 72px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
}
.ym-main .ymn-best-card__hd {
    font-size:17px; font-weight:700;
    letter-spacing:.13em; text-transform:uppercase;
    color:rgba(255,255,255,.4);
    margin-bottom:20px; padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.3);
}
.ym-main .ymn-best-item {
    display:flex; align-items:center; gap:14px;
    padding:13px 0; border-bottom:1px solid rgba(255,255,255,.06);
    transition:background .2s; border-radius:8px;
}
.ym-main .ymn-best-item:last-child { border-bottom:none; padding-bottom:0; }
.ym-main .ymn-best-letter {
    width:58px; height:58px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem; font-weight:900; flex-shrink:0;
    letter-spacing:0;
}
.ym-main .ymn-best-letter--b { background:rgba(46,167,224,.2);  color:#2ea7e0; }
.ym-main .ymn-best-letter--e { background:rgba(143,195,31,.2);  color:#8fc31f; }
.ym-main .ymn-best-letter--s { background:rgba(65,102,176,.2);  color:#849ee0; }
.ym-main .ymn-best-letter--t { background:rgba(233,148,17,.2);  color:#e99411; }
.ym-main .ymn-best-item__sub  { font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.7); margin-bottom:2px; }
.ym-main .ymn-best-item__name { font-size:1.2rem; font-weight:600; color:rgba(255,255,255,.88); }




/* ═══════════════════════════════
   02  STATS
═══════════════════════════════ */
.ym-main .ymn-stats {
    background:#fff;
    border-bottom:1px solid var(--grey-200);
    position:relative;
}
.ym-main .ymn-stats::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, var(--point04), var(--point01), var(--point02));
}
.ym-main .ymn-stats__row { display:flex; align-items:stretch; }
.ym-main .ymn-stat {
    flex:1; text-align:center;
    padding:clamp(20px, 2.5vw, 50px) 20px;
    border-right:1px solid var(--grey-200);
    position:relative; transition:background .2s;
}
.ym-main .ymn-stat:last-child { border-right:none; }
.ym-main .ymn-stat::after {
    content:''; position:absolute; bottom:0; left:50%;
    width:36px; height:2px; background:var(--point01);
    transform:translateX(-50%) scaleX(0);
    transition:transform .32s;
}
.ym-main .ymn-stat:hover::after { transform:translateX(-50%) scaleX(1); }

.ym-main .ymn-stat__icon {
    width:46px; height:46px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 14px;
    background:var(--grey-50);
    transition:background .2s,transform .2s;  display:none;
}
.ym-main .ymn-stat:hover .ymn-stat__icon { background:var(--grey-100); transform:scale(1.06); }
.ym-main .ymn-stat__num {
    font-size:clamp(26px,3.5vw,60px);
    font-weight:800; color:var(--point04);
    line-height:1; margin-bottom:6px;
    font-variant-numeric:tabular-nums;
}
.ym-main .ymn-stat__num .ymn-unit { font-size:.55em; padding:0px 10px; font-weight:700; color:var(--point01); vertical-align:middle; }
.ym-main .ymn-stat__label {  font-size:clamp(15px,3.5vw,26px);  color:var(--grey-500); font-weight:500; }


/* ═══════════════════════════════
   03  PROGRAMS
═══════════════════════════════ */
.ym-main .ymn-programs { background:var(--grey-50); width:100%;
background:url('/img/sub/innersub.gif') no-repeat center center; background-size:cover;}

.ym-main .ymn-programs .ymn-label { background:rgba(255,255,255,0.6);color:#2a428a}
.ym-main  .ymn-programs .ymn-title,
.ym-main  .ymn-programs .ymn-desc {color:#fff;}
.ym-main  .ymn-programs .ymn-desc{opacity:0.7;}


.ym-main .ymn-prog-grid {
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}
.ym-main .ymn-prog-card {
    background:#fff;
    border:1px solid var(--grey-200);
    border-top:3px solid var(--grey-200);
    border-radius:16px; padding:32px 24px 28px;
    position:relative; overflow:hidden;
    transition:box-shadow .28s,transform .22s,border-top-color .28s;
}
.ym-main .ymn-prog-card:hover { box-shadow:0 20px 56px rgba(0,0,0,.09); transform:translateY(-5px); }
.ym-main .ymn-prog-card--b:hover { border-top-color:var(--point01); }
.ym-main .ymn-prog-card--e:hover { border-top-color:var(--point02); }
.ym-main .ymn-prog-card--s:hover { border-top-color:var(--point04); }
.ym-main .ymn-prog-card--t:hover { border-top-color:var(--point05); }

.ym-main .ymn-prog-card__num {
    position:absolute; top:16px; right:20px;
    font-size:5rem; font-weight:900;
    color:var(--grey-100); line-height:1;
    user-select:none; pointer-events:none;
    transition:color .28s;
}
.ym-main .ymn-prog-card:hover .ymn-prog-card__num { color:var(--grey-200); }

.ym-main .ymn-prog-icon {
    width:52px; height:52px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px; transition:transform .25s;
}
.ym-main .ymn-prog-card:hover .ymn-prog-icon { transform:scale(1.08); }
.ym-main .ymn-prog-icon--b { background:var(--point01); }
.ym-main .ymn-prog-icon--b svg {stroke:#fff !important}

.ym-main .ymn-prog-icon--e  { background:var(--point02); }
.ym-main .ymn-prog-icon--e svg {stroke:#fff !important}

.ym-main .ymn-prog-icon--t  { background:var(--point04); }
.ym-main .ymn-prog-icon--t svg {stroke:#fff !important}
.ym-main .ymn-prog-icon--s  { background:var(--point05); }
.ym-main .ymn-prog-icon--s svg {stroke:#fff !important}

/* .ym-main .ymn-prog-icon--s { background:#eaeefc; }
.ym-main .ymn-prog-icon--t { background:#fef4e3; } */

.ym-main .ymn-prog-badge {
    display:inline-block; font-size:.68rem; font-weight:700;
    letter-spacing:.07em; text-transform:uppercase;
    padding: clamp(3px ,2.5vw, 7px) clamp(10px ,2.5vw, 16px); border-radius:999px; margin-bottom:10px;
}
.ym-main .ymn-prog-badge--b { background:#e6f5fc; color:#1480b0; }
.ym-main .ymn-prog-badge--e { background:#edf7e0; color:#4a7808; }
.ym-main .ymn-prog-badge--t { background:#eaeefc; color:#2e45a0; }
.ym-main .ymn-prog-badge--s { background:#fef4e3; color:#a06008; }

.ym-main .ymn-prog-title { font-size:clamp(20px, 2.5vw, 30px) ; font-weight:700; margin:0 0 10px; }
.ym-main .ymn-prog-desc  { font-size:clamp(15px, 2.5vw, 18px);  color:var(--grey-500); line-height:1.6; margin:0 0 18px; word-break:keep-all; }
.ym-main .ymn-prog-link  { padding-top:20px;
    display:inline-flex; align-items:center; gap:5px;
    font-size:.8125rem; font-weight:700;
    text-decoration:none !important; transition:gap .2s;
}
.ym-main .ymn-prog-link:hover { gap:9px; }
.ym-main .ymn-prog-card--b .ymn-prog-link { color:var(--point01); }
.ym-main .ymn-prog-card--e .ymn-prog-link { color:var(--point02); }
.ym-main .ymn-prog-card--t .ymn-prog-link { color:var(--point04); }
.ym-main .ymn-prog-card--s .ymn-prog-link { color:var(--point05); }


/* ═══════════════════════════════
   04  TARGET
═══════════════════════════════ */
.ym-main .ymn-target { background:#fff; }
.ym-main .ymn-target-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }

.ym-main .ymn-target-card {
    border-radius:20px; padding:52px 44px;
    position:relative; overflow:hidden;
    transition:transform .26s,box-shadow .26s;
}
.ym-main .ymn-target-card:hover { transform:translateY(-4px); }
.ym-main .ymn-target-card--youth {
    background:linear-gradient(140deg, var(--point01) 0%, var(--point04) 60%, #374379 100%);

}
.ym-main .ymn-target-card--company {
    background:linear-gradient(140deg, var(--point02) 0%, var(--point03) 60%, #04823c 100%);
}
.ym-main .ymn-target-card:hover { box-shadow:0 22px 68px rgba(0,0,0,.25); }

/* 장식 원 */
.ym-main .ymn-target-card__deco,
.ym-main .ymn-target-card__deco2 {
    position:absolute; border-radius:50%;
    pointer-events:none;
}
.ym-main .ymn-target-card__deco  { right:-50px; bottom:-50px; width:220px; height:220px; opacity:.07; }
.ym-main .ymn-target-card__deco2 { right:100px; bottom:-80px; width:150px; height:150px; opacity:.04; }
.ym-main .ymn-target-card--youth .ymn-target-card__deco,
.ym-main .ymn-target-card--youth .ymn-target-card__deco2  { background:var(--point01); }
.ym-main .ymn-target-card--company .ymn-target-card__deco,
.ym-main .ymn-target-card--company .ymn-target-card__deco2 { background:var(--point02); }

.ym-main .ymn-target-tag {
	font-size:clamp(10px ,2.5vw, 16px);
  font-weight: 700;
  letter-spacing: .07em;
  padding: clamp(3px ,2.5vw, 7px) clamp(10px ,2.5vw, 16px);
    display:inline-block; font-size:clamp; font-weight:700;
 text-transform:uppercase; border-radius:999px; margin-bottom:18px;
}
.ym-main .ymn-target-card--youth .ymn-target-tag   { background:rgba(28, 90, 136, 0.51); color:#7dd3f5; }
.ym-main .ymn-target-card--company .ymn-target-tag {background: rgba(255, 255, 255, 0.74); color:var(--point02); }

.ym-main .ymn-target-title {font-size:clamp(20px , 2.5vw, 30px);  font-weight:800; 
color:#fff; margin:0 0 6px; word-break:keep-all; }
.ym-main .ymn-target-desc  {font-size:clamp(16px , 2.5vw, 18px);  color:rgba(255,255,255,.7); line-height:1.8; margin:0 0 24px; word-break:keep-all; }
.ym-main .ymn-target-divider { border:none; border-top:1px solid rgba(255,255,255,.1); margin:0 0 22px; }

.ym-main .ymn-target-list  { list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; gap:10px; }
.ym-main .ymn-target-list li { display:flex; align-items:center; gap:10px;
font-size:clamp(14px, 2.5vw, 18px); color:rgba(255,255,255,.78); }
.ym-main .ymn-target-list li::before { content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.ym-main .ymn-target-card--youth .ymn-target-list li::before   { background:var(--point01); }
.ym-main .ymn-target-card--company .ymn-target-list li::before { background:var(--point02); }

.ym-main .ymn-target-btn {
    display:inline-flex; align-items:center; gap:8px;
    font-size:clamp(13px, 2.5vw, 17px); font-weight:700;
    padding:.75em 1.5em; border-radius:8px;
    text-decoration:none !important;
    transition:opacity .2s,transform .15s,gap .2s;
}
.ym-main .ymn-target-btn:hover { opacity:.88; transform:translateY(-1px); gap:12px; }
.ym-main .ymn-target-card--youth .ymn-target-btn   { background:var(--point01); color:#fff !important; }
.ym-main .ymn-target-card--company .ymn-target-btn { background:var(--point02); color:#fff !important; }


/* ═══════════════════════════════
   05  BOARD
═══════════════════════════════ */
.ym-main .ymn-board      { background:var(--grey-50); }
.ym-main .ymn-board .ymn-label {background: rgba(45, 82, 130, 0.6); color:#fff;}

.ym-main .ymn-board  .sz-link {display:none;}


.ym-main .ymn-board-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px;  overflow:hidden;}
.ym-main .ymn-board-card {
    background:#fff; border:1px solid var(--grey-200);
    border-radius:16px; padding:28px 28px 22px;
    transition:box-shadow .22s; overflow:hidden;
}
.ym-main .ymn-board-card:hover { box-shadow:0 8px 36px rgba(0,0,0,.07); }
.ym-main .ymn-board-hd {
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:16px; padding-bottom:16px;
    border-bottom:1px solid var(--grey-100);
}
.ym-main .ymn-board-hd__title {
    display:flex; align-items:center; gap:9px;
    font-size:clamp(18px, 2.5vw, 23px);   font-weight:800; color:var(--grey-800);
}
.ym-main .ymn-board-hd__more {
    display:inline-flex; align-items:center; gap:4px;
    font-size:clamp(14px, 2.5vw, 18px); color:var(--grey-400);
    text-decoration:none !important; transition:color .2s,gap .2s;
}
.ym-main .ymn-board-hd__more:hover { color:var(--point01); gap:7px; }


/* ═══════════════════════════════
   06  CTA  (어두운 실사 배경)
═══════════════════════════════ */
.ym-main .ymn-cta { position:relative; overflow:hidden; }

/* 배경 이미지 레이어 */
.ym-main .ymn-cta__bg {
    position:absolute; inset:0;
    background-image:url('/img/mbottom.gif');    /* ← 실제 이미지로 교체 */
    background-size:cover; background-position:center;
    background-color:#070d1a;                    /* 이미지 없을 때 fallback */
    transform-origin:center;
    transition:transform 8s ease;
}
.ym-main .ymn-cta:hover .ymn-cta__bg { transform:scale(1.04); }

/* 다크 오버레이 */
.ym-main .ymn-cta__overlay {
    position:absolute; inset:0;
    background:linear-gradient(
        135deg,
        rgba(4,8,20,.72) 0%,
        rgba(6,12,28,.64) 50%,
        rgba(4,8,20,.74) 100%
    );
}
/* 글로우 효과 */
.ym-main .ymn-cta__glow {
    position:absolute; inset:0; pointer-events:none;
}
.ym-main .ymn-cta__glow::before {
    content:''; position:absolute; top:-120px; right:-100px;
    width:440px; height:440px; border-radius:50%;
    background:radial-gradient(circle, rgba(46,167,224,.1) 0%, transparent 68%);
}
.ym-main .ymn-cta__glow::after {
    content:''; position:absolute; bottom:-100px; left:-80px;
    width:360px; height:360px; border-radius:50%;
    background:radial-gradient(circle, rgba(65,102,176,.09) 0%, transparent 68%);
}
/* 점 패턴 */
.ym-main .ymn-cta__dotpat {
    position:absolute; inset:0; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:28px 28px;
}
/* 상단 포인트 라인 */
.ym-main .ymn-cta::before {
    content:''; position:absolute; top:0; left:0; right:0; height:2px; z-index:2;
    background:linear-gradient(90deg, transparent 0%, var(--point01) 30%, var(--point02) 70%, transparent 100%);
    opacity:.6;
}

.ym-main .ymn-cta__inner {
    position:relative; z-index:2;
    text-align:center; padding:104px 0;
}
.ym-main .ymn-cta__tag {
    background:rgba(255,255,255,.07); color:rgba(255,255,255,.65);
    border:1px solid rgba(255,255,255,.1);
}
.ym-main .ymn-cta__title {color:#fff;
}

.ym-main .ymn-cta__title em { font-style:normal; color:var(--point01); }
.ym-main .ymn-cta__desc { margin:0 0 42px; color:#fff; opacity:0.7; }
.ym-main .ymn-cta__btns { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; }


.tw-truncate {width:calc(100% - 50px)}

/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media (max-width:1100px) {
    .ym-main .ymn-hero__visual  { display:none; }
    .ym-main .ymn-prog-grid     { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:860px) {
    .ym-main .ymn-target-grid   { grid-template-columns:1fr; }
    .ym-main .ymn-target-card   { padding:40px 32px; }
    .ym-main .ymn-board-grid    { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .ym-main .ymn-section       { padding:64px 0; }
    .ym-main .ymn-section-sm    { padding:48px 0; }
    .ym-main .ymn-stats__row    { flex-wrap:wrap; }
    .ym-main .ymn-stat          { min-width:50%; border-right:none; border-bottom:1px solid var(--grey-200); }
    .ym-main .ymn-stat:nth-child(odd)       { border-right:1px solid var(--grey-200); }
    .ym-main .ymn-stat:last-child           { border-bottom:none; }
    .ym-main .ymn-stat:nth-last-child(2)    { border-bottom:none; }
    .ym-main .ymn-prog-grid     { grid-template-columns:1fr; }
    .ym-main .ymn-target-card   { padding:36px 24px; }
    .ym-main .ymn-cta__inner    { padding:72px 0; }
    .ym-main .ymn-hero          { min-height:auto; }
    .ym-main .ymn-hero__inner   { padding:72px 0 68px; }
    .ym-main .ymn-cta__contact  { gap:20px; }
}
</style>