/* Native mobile composition for index-v2; desktop motion owners remain unchanged. */
@media(max-width:900px){
 .home-light .hs-nav-floating{transform:none;pointer-events:auto}
 /* 폰은 자연 스크롤(유저 2026-10-10 「모바일은 끊기지 않고 쭉쭉 스크롤」 — 2026-09-29의 한 화면 넘김을 바꿨다). PC는 home-paging.js가 한 화면씩 넘긴다.
    장면은 한 화면 높이를 고집하지 않고 내용만큼 — 장면 사이는 위아래 56px 여백과 가로 구분선으로 PC의 장면 경계를 이어 간다.
    메뉴 아래로 앵커가 가려지지 않게 scroll-padding만 남긴다 */
 html.home-paged{scroll-padding-top:var(--hs-nav-height)}
 .home-light{--hs-screen:calc(100svh - var(--hs-nav-height));--hs-swipe-card:calc(100vw - 84px)}
 .home-light .hs-hero{height:auto;min-height:100svh}
 .home-light .hs-hero-content{padding:100px 22px 44px}
 .home-light .hs-hero-main{min-height:calc(100svh - 160px)}
 /* 두 버튼은 화면 폭으로 늘리지 않고 글자에 맞춘 알약으로 — 더 긴 버튼 폭에 맞춰 같은 폭으로 쌓는다(유저 2026-09-29) */
 .home-light .hs-hero-actions{width:fit-content;max-width:100%;margin-inline:auto;display:grid;grid-template-columns:1fr;gap:10px}
 /* 폰에서는 버튼 덩어리가 제목만큼 무거워 보여(유저 2026-10-10) 주 버튼은 44px · 16px로 줄이고, 상품소개서는 바탕 없는 밑줄 링크로 한 단계 뒤로 */
 .home-light .hs-hero-actions a{height:44px;min-height:44px;font-size:16px}
 .home-light .hs-hero-actions .hs-hero-link{background:none;padding:0 12px;font-weight:500;color:#e6e4ee;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:5px}
 /* 폰 좌우 여백은 모든 장면이 24px 하나 — 세로 테두리선(16px)과 8px 떨어진다(20px이면 카드 테두리와 4px 이중선이 됐다). 행 위아래 여백 28px */
 .home-light .hs-frame-section{--hs-frame-gutter:24px;--hs-frame-row-space:28px}
 /* 여러 장 카드는 가로로 넘겨 한 화면에 담는다(광고 규정 · 성과). 줄은 세로 테두리선에서 잘리고,
    다음 카드가 그 안쪽에 약 30px 걸쳐 보이다 흐려져 넘길 수 있음을 알린다(글자 조각이 세로로 늘어서 보이지 않게).
    카드 폭 --hs-swipe-card = 화면 − 좌우 여백 24px × 2 − 걸침 36px. 원고 예시 페이지(body.ms-page) · 무료 진단 페이지(body.fd-page)의 고객사 성과 카드도 같은 줄(유저 2026-10-13 · 10-14) */
 :is(.home-paged .home-light,.ms-page,.fd-page) :is(.hs-advertising-grid,.hs-res-row){display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--hs-swipe-card);gap:12px;align-items:stretch;
  margin-inline:calc(16px - var(--hs-frame-gutter));padding-inline:calc(var(--hs-frame-gutter) - 16px);scroll-padding-inline:calc(var(--hs-frame-gutter) - 16px);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
 /* 마지막 카드까지 넘기면 오른쪽 흐림을 걷는다(home-touch-paging.js가 is-end를 붙인다, 유저 2026-10-10) */
 :is(.home-paged .home-light,.ms-page,.fd-page) .hs-res-row.is-end{-webkit-mask-image:none;mask-image:none}
 :is(.home-paged .home-light,.ms-page,.fd-page) :is(.hs-advertising-grid,.hs-res-row)::-webkit-scrollbar{display:none}
 :is(.home-paged .home-light,.ms-page,.fd-page) :is(.hs-advertising-card,.hs-res-row>li){scroll-snap-align:start}

 .home-light .hs-benefit-word strong{font-size:48px;justify-content:flex-start}


 /* 자연 스크롤 · ascendmedia GEO 페이지 모바일식(유저 2026-10-10 「여기 모바일처럼」): 장면은 내용만큼, 위아래 40px(첫 화면 히어로만 한 화면).
    PC의 세로 레일 · 가로 구분선 · 장면 아래 테두리는 폰에서 모두 빼고 장면은 바탕색 차이로만 나눈다. 제목 묶음과 본문 사이는 28px */
 .home-light :is(.hs-dark-scene,.hs-light-scene,#columns.hs-columns,#faq.hs-faq){min-height:0;padding:40px 0;border-bottom:0}
 .home-light .hs-frame-section::before,.home-light .hs-frame-row::before,.home-light .hs-frame::after{content:none}
 .home-light .hs-frame-section{--hs-frame-gutter:20px}
 .home-light :is(.hs-dark-scene,.hs-light-scene) .hs-frame-row{padding-block:0}
 .home-light :is(.hs-dark-scene,.hs-light-scene) .hs-frame-row+.hs-frame-row{margin-top:32px}
 /* 선이 없으니 이어지는 흰 장면 둘은 뒤엣것을 옅은 회색으로 바꿔 경계를 만든다(ascend처럼 흰 · 회색 번갈아) */
 .home-light :is(#ai-structure,#news){background-color:#f4f6f8}
 /* 제목은 균형 줄바꿈 — 강조어를 억지로 둘째 줄에 내리지 않는다(윗줄이 짧아 어색했다) */
 .home-light .hs-scene-heading :is(h1,h2){text-wrap:balance}
 .home-light .hs-scene-heading p{margin-top:14px;font-size:15px;line-height:1.65}
 .home-light .hs-advertising-card{min-height:0;padding:26px 22px}
 .home-light .hs-advertising-card p{font-size:16px;line-height:1.75}
 /* 인블로그: 흰 바탕, 한 줄에 둘(사진 위 · 제목 두 줄 · 요약 두 줄 · 분류와 날짜), 최대 여섯 · 홀수면 마지막 하나 숨김,
    맨 아래 「더 보기」(제목 옆 + 버튼은 숨김) — 유저 2026-10-10 */
 .home-light #columns.hs-columns .cl-head-more{display:none}
 .home-light #columns.hs-columns .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .home-light #columns.hs-columns .cl-item.is-feature{grid-column:auto;display:flex;flex-direction:column;gap:10px;padding:0;border-radius:0;background:none}
 .home-light #columns.hs-columns .cl-item{gap:10px}
 .home-light #columns.hs-columns .cl-item:nth-child(n+7),.home-light #columns.hs-columns .cl-item:last-child:nth-child(odd){display:none}
 .home-light #columns.hs-columns .cl-thumb{border-radius:8px}
 .home-light #columns.hs-columns .cl-body{gap:4px}
 .home-light #columns.hs-columns :is(.cl-title,.cl-item.is-feature .cl-title){font-size:14px;line-height:1.4}
 .home-light #columns.hs-columns :is(.cl-desc,.is-feature .cl-desc){font-size:12px;line-height:1.5;-webkit-line-clamp:2}
 .home-light #columns.hs-columns .cl-meta{font-size:11px;gap:6px}
 .home-light #columns.hs-columns .cl-thumb.is-default{padding:0 8%}
 .home-light #columns.hs-columns .cl-thumb.is-default b{font-size:12px;-webkit-line-clamp:3}
 .home-light #columns.hs-columns .cl-thumb.is-default::after{content:none}
 .home-light #columns.hs-columns .cl-more{display:flex;justify-content:center;align-items:center;width:max-content;height:40px;margin:24px auto 0;padding:0 20px;border-radius:10px;background:#f2f4f7;font-size:14px;font-weight:600;color:#151a23;text-decoration:none}
 /* 칼럼 카드 바닥선과 장면 아래 선이 한 줄로 겹쳤다 — Q&A처럼 아래 선을 두지 않는다 */
 .home-light #columns.hs-columns .hs-frame::after{content:none}
 .home-light .ft-cta-actions{width:100%}.home-light .ft-cta-btn{white-space:normal;min-height:48px;height:auto;padding:14px 18px}
}