/* v2 — Notion 벤치마크: 흰 패널 + 옅은 블루 틴트 패널로 묶고, 추천 상품을 큰 틴트 카드로 앵커링 */
body{background:#fff}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--pl-line-neutral);height:var(--pl-header-h);display:flex;align-items:center}
.site-footer{padding:32px 0;border-top:1px solid var(--pl-line-neutral)}

.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.hero-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center}

.anchor-wrap{display:grid;grid-template-columns:1fr;gap:16px;max-width:640px;margin:0 auto}
.anchor-card{position:relative}
.plan-badge{position:absolute;top:24px;right:24px}
.plan-price-lg{font-size:var(--pl-display1);font-weight:700;letter-spacing:var(--pl-display1-ls);margin:12px 0}
.plan-unit{font-size:var(--pl-body2);font-weight:500;color:var(--pl-label-alt);margin-left:6px}
.plan-list{display:flex;flex-direction:column;gap:8px;color:var(--pl-label-neutral);margin:4px 0 12px}
.sub-list{display:flex;flex-direction:column;gap:12px}
.plan-card-sm{padding:20px 24px}
.plan-price-sm{font-weight:700;font-size:var(--pl-headline1);white-space:nowrap}

.step-list{display:flex;flex-direction:column}
.step-row{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-bottom:1px solid var(--pl-line-neutral)}
.step-row:last-child{border-bottom:0}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--pl-r-full);background:var(--pl-primary-tint);color:var(--pl-primary-text);font-weight:700;font-size:var(--pl-label1);flex:0 0 auto}

@media (max-width: 760px){
  .hero-grid{grid-template-columns:1fr}
  .sub-list .pl-row--between{flex-direction:column;align-items:flex-start;gap:12px}
}

/* 주문 폼 (p206 배포) */
.ord-form{display:flex;flex-direction:column;gap:20px}
.ord-plans{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.ord-plan{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--pl-line-neutral);border-radius:var(--pl-r-md,12px);cursor:pointer}
.ord-plan:has(input:checked){border-color:var(--pl-primary,#0046FF);background:var(--pl-primary-tint)}
.ord-plan__name{flex:1;font-weight:600}
.ord-plan__price{font-weight:700;white-space:nowrap}
.ord-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ord-check{display:flex;gap:10px;align-items:flex-start;font-size:var(--pl-body2);color:var(--pl-label-neutral);line-height:1.6}
.ord-check input{margin-top:5px;flex:0 0 auto}
.ord-msg{min-height:18px;color:var(--pl-label-alt)}
.ord-msg.err{color:#C62828}
.site-footer a{text-decoration:underline}
@media (max-width:760px){.ord-grid{grid-template-columns:1fr}}