/* 페이드랍 보정 — 토큰·컴포넌트는 teamplut.com/ds/v1/plut.css 그대로, 레이아웃만 */
/* adrop.io/ko 실측 반영(2026-10-18, ui_adrop_deep_analysis.md): 좌416px:우가변 2열 비율,
   섹션 120/100/60px 리듬(DS pl-section 토큰으로 이미 근접), 라이트/베이지/다크 구역 교차,
   카드 그림자 없는 단색 블록, 모바일 1열 스택 + 히어로 비주얼 유지. 체크아이콘 나열·근거
   없는 통계는 회사 규칙상 계속 미채택. */
/* 10-18 17:2x 대표 직접 지시: 페이드랍에 한해 방사형 그라데이션 허용(ui_gradient_adrop_1018.md).
   adrop.io/ko 실제 번들 CSS(b71a84e85a398140.css)에서 그대로 꺼낸 구조:
   background-image: radial-gradient(100% 100% at 50% 0, rgba(255,255,255,.3) 0, rgba(255,255,255,0) 100%),
                      linear-gradient(94.97deg,#8055E7 2.01%,#4B3FF4 50.49%,#688FEE 100%)
   — 색만 PLUT 블루 계열(#3D6BFF→#0046FF→#4F8BFF)로 바꿔 아래 --pd-g-* 변수로 재사용한다.
   적용 범위: 히어로 배경, CTA 버튼(.pd-btn-grad), 계약 빌더 강조 카드(.pd-screen--blue),
   가격표 추천 카드(.pd-price-grad), 72시간 검수 다크 섹션(.pd-ink-grad) 다섯 곳뿐이다. */
:root{
  --pd-g-hi:radial-gradient(100% 100% at 50% 0,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
  --pd-g-blue:linear-gradient(94.97deg,#3D6BFF 2.01%,#0046FF 50.49%,#4F8BFF 100%);
}
.pd-hero-grad{background-image:radial-gradient(60% 55% at 50% 0%,rgba(79,139,255,.35) 0%,rgba(79,139,255,0) 70%),linear-gradient(180deg,var(--pl-navy) 50.8%,#1C3B8C 100%);background-color:var(--pl-navy)}
.pd-ink-grad{background-image:radial-gradient(50% 40% at 50% 0%,rgba(61,107,255,.25) 0%,rgba(61,107,255,0) 70%),linear-gradient(180deg,var(--pl-ink) 55%,#1B2850 100%);background-color:var(--pl-ink)}
.pd-btn-grad{background-image:var(--pd-g-hi),var(--pd-g-blue);background-color:var(--pl-primary);border-color:transparent;color:#fff}
.pd-btn-grad:hover{background-image:radial-gradient(100% 100% at 50% 0,rgba(255,255,255,.42) 0,rgba(255,255,255,0) 100%),var(--pd-g-blue);border-color:transparent}
.pd-price-grad{background-image:var(--pd-g-hi),var(--pd-g-blue);background-color:var(--pl-primary);color:#fff;box-shadow:none}
.pd-price-grad .pl-card__eyebrow{color:rgba(255,255,255,.75)}
.pd-price-grad .pl-card__desc{color:rgba(255,255,255,.72)}
.pd-price-grad .pl-divider{border-top-color:rgba(255,255,255,.25)}
.pd-price-grad .pl-kv__row .k,.pd-price-grad .pl-kv__row .v{color:#fff}
.pd-price-grad .pd-rec-badge{background:rgba(255,255,255,.22);color:#fff}
.pd-price-grad .pd-btn-onblue{background:#fff;color:var(--pl-primary);border-color:#fff}
.pd-price-grad .pd-btn-onblue:hover{background:rgba(255,255,255,.88)}
.pd-hero-card{background:#fff;border-radius:var(--pl-r-20);padding:28px;box-shadow:var(--pl-shadow-lg);color:var(--pl-label-normal)}
.pd-hero-card .row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--pl-line-neutral)}
.pd-hero-card .row:last-child{border-bottom:0}
.pd-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--pl-line-neutral)}
.pd-dot.on{background:var(--pl-status-success)}.pd-dot.now{background:var(--pl-primary)}
/* adrop 기능 섹션 실측: 좌 텍스트 416px 고정 / 우 UI카드 가변(약 592px), 간격 큼 */
.pd-frow{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center;padding:56px 0}
.pd-frow.rev{direction:rtl}.pd-frow.rev>*{direction:ltr}
@media (max-width:1180px){.pd-frow{grid-template-columns:320px 1fr;gap:40px}}
@media (max-width:1023px){.pd-frow{grid-template-columns:1fr;padding:40px 0;gap:24px}.pd-frow.rev{direction:ltr}}
.pd-screen{background:var(--pl-bg-alt);border-radius:var(--pl-r-20);padding:28px}
@media (max-width:767px){.pd-screen{padding:20px;border-radius:var(--pl-r-16)}}
/* adrop의 파란 "제품 UI 카드" 변형 — 계약 빌더처럼 핵심 입력 화면에만 적용. 10-18 그라데이션 반영 */
.pd-screen--blue{background-image:var(--pd-g-hi),var(--pd-g-blue);background-color:var(--pl-primary);color:#fff}
.pd-screen--blue .pl-panel{background:transparent;box-shadow:none;padding:0}
.pd-screen--blue .pl-field__label{color:rgba(255,255,255,.72)}
.pd-screen--blue .pl-input{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.pd-screen--blue .pl-input::placeholder{color:rgba(255,255,255,.6)}
.pd-cd{display:flex;gap:10px}
.pd-cd .u{background:var(--pl-ink,#111);color:#fff;border-radius:var(--pl-r-12);min-width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:22px}
.pd-cd .u span{font-size:11px;font-weight:500;color:rgba(255,255,255,.65);margin-top:2px}
.pd-cd--sm .u{min-width:48px;height:48px;font-size:17px}
/* 72시간 카운트다운은 다크 구역의 주인공이라 더 크게(adrop 핀드스크롤 숫자 강조와 같은 역할) */
.pd-cd--lg .u{min-width:88px;height:88px;font-size:34px;border-radius:var(--pl-r-16)}
.pd-cd--lg .u span{font-size:13px}
.pd-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto}
@media (max-width:900px){.pd-prices{grid-template-columns:1fr}}
.pd-on-navy{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.pd-on-navy:hover{background:rgba(255,255,255,.08)}
/* adrop 가격표의 "추천" 알약 배지 — 체크 아이콘 나열 대신 키-값 표(pl-kv) 유지 */
.pd-rec-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--pl-r-full);background:var(--pl-blue-50,#F2F6FF);color:var(--pl-primary);font-size:12px;font-weight:700;margin-bottom:10px}
/* adrop 통계 섹션 자리 — 실적 대신 제품 자체의 확정 수치(72시간·2.5%·3단계)만 큰 숫자로 */
.pd-stats-row{display:flex;gap:56px;justify-content:center;flex-wrap:wrap;text-align:center;padding:4px 0}
.pd-stat-big{min-width:160px}
.pd-stat-big .num{display:block;font-size:40px;font-weight:800;color:var(--pl-primary);line-height:1.15;letter-spacing:-.02em}
.pd-stat-big .num .unit{font-size:20px;font-weight:700;margin-left:2px}
.pd-stat-big .lbl{display:block;margin-top:8px;font-size:14px;color:var(--pl-label-alt);line-height:1.5;max-width:220px;margin-left:auto;margin-right:auto}
@media (max-width:767px){.pd-stats-row{gap:32px}.pd-stat-big .num{font-size:32px}}
/* 다크 구역(.pl-section--ink)에서 본문·보조 텍스트 대비 보정 — DS 기본 pl-c-neutral/alt은 밝은 배경 기준값이라 */
.pl-section--ink .pl-c-neutral{color:rgba(255,255,255,.78)}
.pl-section--ink .pl-c-alt{color:rgba(255,255,255,.6)}
.pl-section--ink .pd-stat-big .lbl{color:rgba(255,255,255,.62)}
/* adrop 모바일: 로고만 + 햄버거. 헤더 링크는 details 패널로 전환(별도 JS 없이 네이티브 토글) */
.pd-mnav{display:none}
@media (max-width:767px){
  .pl-header__nav{display:none}
  .pd-mnav{display:block;position:relative}
  .pd-mnav>summary{list-style:none;width:40px;height:40px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--pl-r-8);cursor:pointer}
  .pd-mnav>summary::-webkit-details-marker{display:none}
  .pd-mnav__bar{width:18px;height:2px;background:var(--pl-label-normal);border-radius:1px}
  .pd-mnav[open]>summary .pd-mnav__bar:nth-child(2){opacity:0}
  .pd-mnav__panel{position:fixed;inset:var(--pl-header-h-m) 0 0 0;background:#fff;padding:12px var(--pl-gutter) 24px;display:flex;flex-direction:column;z-index:60;overflow:auto}
  .pd-mnav__panel a{padding:16px 4px;font-size:17px;font-weight:600;color:var(--pl-label-normal);border-bottom:1px solid var(--pl-line-neutral)}
}
/* adrop 모바일 히어로: 상품 화면 카드를 숨기지 않고 제목 아래로 쌓는다(신뢰감은 실제 화면이 준다) */
@media (max-width:1023px){
  .pl-hero__visual{display:block!important;margin-top:28px;max-width:420px;margin-left:auto;margin-right:auto}
}
/* 콘솔(안B 패턴): 흰 배경, 그림자 없는 선 카드 */
.pd-app{background:#fff;min-height:100vh}
.pd-wrap{max-width:1080px;margin:0 auto;padding:32px 20px 80px}
.pd-box{border:1px solid var(--pl-line-neutral);border-radius:var(--pl-r-16);padding:24px;background:#fff}
.pd-box+.pd-box{margin-top:16px}
.pd-box h2{font-size:var(--pl-headline1);font-weight:700;margin:0 0 12px}
.pd-box h3{font-size:var(--pl-body1);font-weight:700;margin:0 0 8px}
.pd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pl-line-neutral);border:1px solid var(--pl-line-neutral);border-radius:var(--pl-r-16);overflow:hidden}
.pd-stats>div{background:#fff;padding:20px}
.pd-stats .k{font-size:var(--pl-caption1);color:var(--pl-label-alt)}.pd-stats .v{font-size:22px;font-weight:700;margin-top:4px}
@media (max-width:767px){.pd-stats{grid-template-columns:1fr 1fr}}
.pd-tbl{width:100%;border-collapse:collapse}
.pd-tbl th,.pd-tbl td{padding:12px 10px;border-bottom:1px solid var(--pl-line-neutral);text-align:left;font-size:var(--pl-body2);vertical-align:top}
.pd-tbl th{font-size:var(--pl-caption1);color:var(--pl-label-alt);font-weight:600}
.pd-tbl tr:last-child td{border-bottom:0}
.pd-stage{border:1px solid var(--pl-line-neutral);border-radius:var(--pl-r-12);padding:18px;margin-top:12px}
.pd-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.pd-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pd-actions form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pd-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
@media (max-width:767px){.pd-inline{grid-template-columns:1fr}}
.pd-stage-row{display:grid;grid-template-columns:28px 2fr 1.2fr 1.1fr .8fr;gap:8px;align-items:end;margin-bottom:8px}
.pd-stage-no{font-weight:700;color:var(--pl-label-alt);padding-bottom:12px}
@media (max-width:767px){.pd-stage-row{grid-template-columns:1fr 1fr}.pd-stage-no{grid-column:1/-1;padding:0}}
.pd-clause{border:1px solid var(--pl-line-neutral);background:var(--pl-bg-alt);border-radius:var(--pl-r-12);padding:16px 18px;font-size:var(--pl-body2);line-height:1.7}
.pd-clause ul{margin:8px 0 0 18px;padding:0}
.pd-chk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:var(--pl-body2);line-height:1.6}
.pd-chk input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;accent-color:var(--pl-primary)}
.pd-log{font-size:var(--pl-caption1);color:var(--pl-label-alt);max-height:320px;overflow:auto}
.pd-log div{padding:6px 0;border-bottom:1px solid var(--pl-line-neutral)}
.pd-flash{margin-bottom:16px}
.pd-acct{font-size:22px;font-weight:700;letter-spacing:.5px}
.pd-legal h2{font-size:var(--pl-headline1);margin-top:28px}.pd-legal p,.pd-legal li{font-size:var(--pl-body2);line-height:1.75}
button[disabled]{opacity:.45;cursor:not-allowed}
.pd-screen .pl-stat__value{font-size:20px;white-space:nowrap}