.tpl-client-proposal {
  --signal: var(--good);
  --signal-soft: color-mix(in srgb, var(--good) 13%, var(--surface));
  --ink-deep: var(--text-1);
  --grid-line: color-mix(in srgb, var(--accent) 10%, transparent);
}

.tpl-client-proposal .slide { padding: 92px 112px 78px; }
.tpl-client-proposal .h1 { font-size: 80px; font-weight: 750; line-height: 1.06; letter-spacing: 0; }
.tpl-client-proposal .h2 { font-size: 58px; font-weight: 750; line-height: 1.14; letter-spacing: 0; }
.tpl-client-proposal h3 { font-size: 25px; font-weight: 700; letter-spacing: 0; }
.tpl-client-proposal h4 { font-size: 20px; }
.tpl-client-proposal .lede { max-width: 28em; font-size: 23px; font-weight: 400; }
.tpl-client-proposal .signal-text { color: var(--signal); }
.tpl-client-proposal .kicker { color: var(--accent-2); font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.tpl-client-proposal .deck-header { color: var(--text-3); font-size: 12px; }
.tpl-client-proposal .deck-footer { color: var(--text-3); }
.tpl-client-proposal .brand-lockup { display: flex; height: 56px; align-items: center; }
.tpl-client-proposal .brand-logo { display: block; width: 156px; height: 56px; object-fit: contain; object-position: left center; }

.tpl-client-proposal .cover, .tpl-client-proposal .cta-slide { background: var(--bg-soft); }
.tpl-client-proposal .cover-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, black 0%, black 55%, transparent 88%); }
.tpl-client-proposal .cover-copy { position: relative; width: 66%; margin-top: 58px; }
.tpl-client-proposal .cover-points { display: flex; align-items: center; gap: 14px; color: var(--text-2); font-size: 15px; }
.tpl-client-proposal .cover-points i { width: 30px; height: 1px; background: var(--border-strong); }
.tpl-client-proposal .cover-panel { position: absolute; top: 170px; right: 112px; width: 310px; padding: 26px 28px; border-top: 4px solid var(--signal); background: var(--surface); box-shadow: var(--shadow-lg); }
.tpl-client-proposal .panel-label { color: var(--text-3); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.tpl-client-proposal .panel-step { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--border); color: var(--text-2); font-size: 16px; line-height: 1.45; }
.tpl-client-proposal .panel-step:last-child { border-bottom: 0; }
.tpl-client-proposal .panel-step b { color: var(--signal); font-size: 22px; }

.tpl-client-proposal .problem-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tpl-client-proposal .problem-card { min-height: 250px; padding: 28px 30px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); }
.tpl-client-proposal .problem-card h3 { margin-top: 26px; }
.tpl-client-proposal .problem-card p { color: var(--text-2); font-size: 17px; line-height: 1.65; }
.tpl-client-proposal .problem-no { color: var(--text-3); font-size: 16px; font-weight: 700; }
.tpl-client-proposal .problem-card-signal { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .plain-callout { padding: 18px 22px; border-left: 4px solid var(--signal); color: var(--text-2); background: var(--surface-2); font-size: 18px; }
.tpl-client-proposal .plain-callout b { color: var(--text-1); }

.tpl-client-proposal .split-layout { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 78px; height: 100%; }
.tpl-client-proposal .compare-board { display: grid; grid-template-columns: 1fr 74px 1fr; align-items: stretch; }
.tpl-client-proposal .compare-col { min-height: 310px; padding: 34px 30px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--border); }
.tpl-client-proposal .compare-col p { margin: 0; color: var(--text-3); font-size: 14px; font-weight: 700; }
.tpl-client-proposal .compare-col strong { font-size: 29px; line-height: 1.35; }
.tpl-client-proposal .compare-col span { color: var(--text-2); font-size: 16px; line-height: 1.5; }
.tpl-client-proposal .muted-way { background: var(--surface-2); }
.tpl-client-proposal .active-way { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .compare-divider { display: grid; place-items: center; color: var(--text-3); font-size: 12px; font-weight: 700; }
.tpl-client-proposal .compare-divider span { padding: 8px 4px; background: var(--bg); }
.tpl-client-proposal .bottom-rule { position: absolute; right: 112px; bottom: 88px; left: 112px; display: grid; grid-template-columns: 70px 1fr; gap: 18px; align-items: center; padding-top: 22px; border-top: 1px solid var(--border); }
.tpl-client-proposal .bottom-rule p { margin: 0; color: var(--text-2); font-size: 18px; }
.tpl-client-proposal .rule-no { color: var(--signal); font-size: 28px; font-weight: 750; }

.tpl-client-proposal .workflow { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr 44px 1fr; align-items: stretch; }
.tpl-client-proposal .workflow-node { min-height: 240px; padding: 26px 23px; background: var(--surface); border: 1px solid var(--border); }
.tpl-client-proposal .workflow-node > span { display: inline-grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: var(--accent); background: var(--surface-2); font-weight: 700; }
.tpl-client-proposal .workflow-node h4 { margin-top: 24px; }
.tpl-client-proposal .workflow-node p { color: var(--text-2); font-size: 15px; line-height: 1.6; }
.tpl-client-proposal .workflow-arrow { display: grid; place-items: center; color: var(--text-3); font-size: 30px; }
.tpl-client-proposal .final-node { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .compliance-note { color: var(--text-3); font-size: 15px; }

.tpl-client-proposal .keyword-flow { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1.15fr; align-items: stretch; }
.tpl-client-proposal .keyword-card, .tpl-client-proposal .keyword-result { min-height: 240px; padding: 26px 22px; border: 1px solid var(--border); background: var(--surface); }
.tpl-client-proposal .keyword-card > span, .tpl-client-proposal .keyword-result > span { color: var(--text-3); font-size: 13px; font-weight: 700; }
.tpl-client-proposal .keyword-card h3, .tpl-client-proposal .keyword-result h3 { margin: 28px 0 10px; }
.tpl-client-proposal .keyword-card p, .tpl-client-proposal .keyword-result p { color: var(--text-2); font-size: 15px; line-height: 1.6; }
.tpl-client-proposal .keyword-arrow { display: grid; place-items: center; color: var(--text-3); font-size: 28px; }
.tpl-client-proposal .keyword-card-signal { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .keyword-result { color: var(--surface); background: var(--accent); }
.tpl-client-proposal .keyword-result > span, .tpl-client-proposal .keyword-result p { color: color-mix(in srgb, var(--surface) 72%, transparent); }
.tpl-client-proposal .keyword-result h3 { color: var(--surface); }

.tpl-client-proposal .video-slide { background: var(--bg-soft); }
.tpl-client-proposal .video-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 56px; height: 100%; }
.tpl-client-proposal .video-points { display: flex; flex-wrap: wrap; gap: 10px; }
.tpl-client-proposal .video-points span { padding: 8px 12px; color: var(--text-2); border: 1px solid var(--border); background: var(--surface); font-size: 14px; }
.tpl-client-proposal .video-stage { padding: 10px; border-top: 4px solid var(--signal); background: var(--surface); box-shadow: var(--shadow-lg); }
.tpl-client-proposal .video-stage video { display: block; width: 100%; aspect-ratio: 1906 / 1080; background: var(--text-1); object-fit: contain; }
.tpl-client-proposal .video-link { display: inline-block; margin-top: 12px; color: var(--accent-2); font-size: 14px; font-weight: 700; }

.tpl-client-proposal .journey { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: stretch; }
.tpl-client-proposal .journey-item { padding: 26px; border-top: 4px solid var(--accent); background: var(--surface); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); }
.tpl-client-proposal .journey-item h3 { margin: 20px 0 10px; }
.tpl-client-proposal .journey-item p { color: var(--text-2); font-size: 16px; line-height: 1.65; }
.tpl-client-proposal .journey-count { color: var(--accent-2); font-size: 20px; font-weight: 750; }
.tpl-client-proposal .journey-line { position: relative; min-height: 1px; align-self: center; background: var(--border-strong); }
.tpl-client-proposal .journey-line::after { position: absolute; top: 50%; right: -1px; width: 7px; height: 7px; content: ''; background: var(--accent-2); transform: translateY(-50%); }
.tpl-client-proposal .journey-good { border-top-color: var(--signal); background: var(--signal-soft); }

.tpl-client-proposal .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tpl-client-proposal .audience-card { min-height: 294px; padding: 28px 30px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow); }
.tpl-client-proposal .audience-card h3 { margin: 24px 0 6px; }
.tpl-client-proposal .audience-card p { flex: 1; color: var(--text-2); font-size: 17px; line-height: 1.65; }
.tpl-client-proposal .audience-index { color: var(--signal); font-size: 26px; font-weight: 750; }

.tpl-client-proposal .handoff-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.tpl-client-proposal .handoff-side { padding: 26px 30px; border-top: 4px solid var(--accent); background: var(--surface); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); }
.tpl-client-proposal .delivery-side { border-top-color: var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .handoff-title { margin: 0 0 12px; color: var(--text-3); font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.tpl-client-proposal .handoff-item { display: grid; grid-template-columns: 40px 1fr; gap: 14px; padding: 18px 0; border-top: 1px solid var(--border); color: var(--text-2); font-size: 17px; line-height: 1.55; }
.tpl-client-proposal .handoff-item b { color: var(--accent-2); }
.tpl-client-proposal .handoff-item strong { display: block; color: var(--text-1); }
.tpl-client-proposal .delivery-side .handoff-item b { color: var(--signal); }

.tpl-client-proposal .timeline { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid var(--accent); }
.tpl-client-proposal .timeline article { min-height: 252px; padding: 27px 24px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface); }
.tpl-client-proposal .timeline article:first-child { border-left: 1px solid var(--border); }
.tpl-client-proposal .timeline span { color: var(--accent-2); font-size: 14px; font-weight: 700; }
.tpl-client-proposal .timeline h3 { margin: 24px 0 10px; }
.tpl-client-proposal .timeline p { color: var(--text-2); font-size: 16px; line-height: 1.65; }
.tpl-client-proposal .timeline-highlight { background: var(--signal-soft)!important; border-top: 4px solid var(--signal); }
.tpl-client-proposal .timeline-highlight span { color: var(--signal); }

.tpl-client-proposal .metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.tpl-client-proposal .metric-card { min-height: 245px; padding: 28px 24px; border: 1px solid var(--border); background: var(--surface); }
.tpl-client-proposal .metric-card > span { color: var(--text-3); font-size: 16px; font-weight: 700; }
.tpl-client-proposal .metric-card h3 { margin-top: 33px; }
.tpl-client-proposal .metric-card p { color: var(--text-2); font-size: 16px; line-height: 1.65; }
.tpl-client-proposal .metric-card-signal { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .metric-card-strong { color: var(--surface); background: var(--accent); }
.tpl-client-proposal .metric-card-strong > span, .tpl-client-proposal .metric-card-strong p { color: color-mix(in srgb, var(--surface) 70%, transparent); }
.tpl-client-proposal .metric-card-strong h3 { color: var(--surface); }

.tpl-client-proposal .cta-layout { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 70px; height: 100%; }
.tpl-client-proposal .start-card { padding: 32px 34px; border-top: 4px solid var(--signal); background: var(--surface); box-shadow: var(--shadow-lg); }
.tpl-client-proposal .start-card > p { color: var(--text-3); font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.tpl-client-proposal .start-card ol { margin: 26px 0; padding: 0; list-style: none; counter-reset: list; }
.tpl-client-proposal .start-card li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 16px 0; border-top: 1px solid var(--border); color: var(--text-2); font-size: 18px; }
.tpl-client-proposal .start-card li::before { counter-increment: list; content: '0' counter(list); color: var(--signal); font-weight: 750; }
.tpl-client-proposal .start-footer { padding-top: 20px; color: var(--text-1); border-top: 1px solid var(--border); font-size: 18px; font-weight: 700; }

.tpl-client-proposal .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tpl-client-proposal .price-card { min-height: 272px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow); }
.tpl-client-proposal .price-name { margin: 0; color: var(--text-3); font-size: 15px; font-weight: 700; letter-spacing: .08em; }
.tpl-client-proposal .price { margin: 28px 0 18px; color: var(--text-1); font-size: 50px; font-weight: 750; letter-spacing: 0; line-height: 1; }
.tpl-client-proposal .price-note { margin: 0; color: var(--text-2); font-size: 17px; line-height: 1.65; }
.tpl-client-proposal .price-card-featured { border-top: 4px solid var(--signal); background: var(--signal-soft); }
.tpl-client-proposal .price-card-featured .price { color: var(--signal); }
.tpl-client-proposal .price-text { font-size: 42px; }
.tpl-client-proposal .pricing-footnote { color: var(--text-3); font-size: 14px; }
.tpl-client-proposal .consult-area { display: flex; align-items: center; gap: 18px; margin-top: 18px; }
.tpl-client-proposal .consult-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 24px; border-radius: var(--radius-sm); color: var(--surface); background: var(--accent); box-shadow: var(--shadow); font-size: 17px; font-weight: 700; }
.tpl-client-proposal .consult-button:hover { color: var(--surface); background: var(--accent-2); text-decoration: none; }
.tpl-client-proposal .consult-button:focus-visible, .tpl-client-proposal .consult-link:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent-2) 45%, transparent); outline-offset: 3px; }
.tpl-client-proposal .consult-link { color: var(--accent-2); font-size: 15px; font-weight: 700; }
.mobile-only { display: none; }

.slide-nav { position: fixed; inset: 0; z-index: 30; pointer-events: none; }
.slide-arrow { position: absolute; top: 50%; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); color: var(--text-1); background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: var(--shadow); cursor: pointer; font-size: 27px; line-height: 1; pointer-events: auto; transform: translateY(-50%); transition: background .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease); }
.slide-arrow:hover:not(:disabled) { color: var(--surface); background: var(--accent); }
.slide-arrow:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent-2) 45%, transparent); outline-offset: 3px; }
.slide-arrow:disabled { cursor: not-allowed; opacity: .3; }
.slide-arrow-prev { left: 24px; }
.slide-arrow-next { right: 24px; }
html[data-preview="1"] .slide-nav { display: none; }

@media (max-width: 900px) {
  .tpl-client-proposal .slide { padding: 66px 60px 58px; }
  .tpl-client-proposal .h1 { font-size: 58px; }
  .tpl-client-proposal .h2 { font-size: 44px; }
  .tpl-client-proposal .cover-panel { right: 60px; width: 260px; }
  .tpl-client-proposal .workflow { grid-template-columns: 1fr 28px 1fr 28px 1fr 28px 1fr; }
  .tpl-client-proposal .workflow-node { padding: 18px 14px; }
  .tpl-client-proposal .workflow-node p { font-size: 13px; }
  .tpl-client-proposal .keyword-flow { grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; }
  .tpl-client-proposal .keyword-card, .tpl-client-proposal .keyword-result { padding: 18px 14px; }
  .tpl-client-proposal .keyword-card p, .tpl-client-proposal .keyword-result p { font-size: 13px; }
  .tpl-client-proposal .video-layout { gap: 36px; }
  .tpl-client-proposal .pricing-grid { gap: 14px; }
  .tpl-client-proposal .price-card { padding: 22px; }
  .tpl-client-proposal .consult-area { margin-top: 12px; }
  .tpl-client-proposal .bottom-rule { right: 60px; left: 60px; }
  .slide-arrow-prev { left: 12px; }
  .slide-arrow-next { right: 12px; }
}

@media (max-width: 640px) {
  .mobile-only { display: block; }
  .deck { height: 100dvh; }
  .tpl-client-proposal .slide { padding: 58px 22px 88px; justify-content: flex-start; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .tpl-client-proposal .h1 { font-size: 42px; line-height: 1.08; }
  .tpl-client-proposal .h2 { font-size: 30px; line-height: 1.16; }
  .tpl-client-proposal h3 { font-size: 21px; }
  .tpl-client-proposal h4 { font-size: 18px; }
  .tpl-client-proposal .lede { max-width: none; font-size: 17px; line-height: 1.55; }
  .tpl-client-proposal .kicker { font-size: 11px; }
  .tpl-client-proposal .slide *, .tpl-client-proposal .slide > * { min-width: 0; }
  .tpl-client-proposal .h1, .tpl-client-proposal .h2, .tpl-client-proposal h3, .tpl-client-proposal h4, .tpl-client-proposal p, .tpl-client-proposal strong, .tpl-client-proposal .price { max-width: 100%; overflow-wrap: anywhere; word-break: break-all; }
  .tpl-client-proposal .deck-header { top: 14px; right: 18px; left: 18px; font-size: 10px; letter-spacing: .06em; }
  .tpl-client-proposal .deck-header span:last-child { max-width: 44%; text-align: right; }
  .tpl-client-proposal .deck-footer { position: relative; right: auto; bottom: auto; left: auto; width: 100%; margin: 28px 0 12px; padding: 12px 0 0; justify-content: space-between; gap: 10px; border-top: 1px solid var(--border); font-size: 10px; text-align: left; }
  .tpl-client-proposal .deck-footer span:first-child { max-width: calc(100% - 52px); }
  .tpl-client-proposal .brand-lockup { height: 38px; }
  .tpl-client-proposal .brand-logo { width: 106px; height: 38px; }

  .tpl-client-proposal .cover-grid { background-size: 36px 36px; mask-image: none; opacity: .55; }
  .tpl-client-proposal .cover-copy { width: 100%; margin-top: 30px; }
  .tpl-client-proposal .cover-points { gap: 8px; flex-wrap: wrap; font-size: 12px; }
  .tpl-client-proposal .cover-points i { width: 16px; }
  .tpl-client-proposal .cover-panel { position: relative; top: auto; right: auto; width: 100%; margin: 22px 0 28px; padding: 20px; }
  .tpl-client-proposal .panel-step { grid-template-columns: 34px 1fr; padding: 15px 0; font-size: 14px; }

  .tpl-client-proposal .problem-row, .tpl-client-proposal .audience-grid, .tpl-client-proposal .metric-grid, .tpl-client-proposal .pricing-grid, .tpl-client-proposal .handoff-grid, .tpl-client-proposal .timeline { grid-template-columns: 1fr; }
  .tpl-client-proposal .problem-row, .tpl-client-proposal .audience-grid, .tpl-client-proposal .metric-grid, .tpl-client-proposal .pricing-grid, .tpl-client-proposal .handoff-grid { gap: 14px; }
  .tpl-client-proposal .problem-card, .tpl-client-proposal .audience-card, .tpl-client-proposal .metric-card, .tpl-client-proposal .price-card { min-height: auto; padding: 20px; }
  .tpl-client-proposal .problem-card h3, .tpl-client-proposal .audience-card h3 { margin-top: 18px; }
  .tpl-client-proposal .problem-card p, .tpl-client-proposal .audience-card p, .tpl-client-proposal .metric-card p, .tpl-client-proposal .price-note { font-size: 15px; }
  .tpl-client-proposal .audience-card p { flex: none; }
  .tpl-client-proposal .plain-callout { padding: 14px 16px; font-size: 15px; }

  .tpl-client-proposal .split-layout, .tpl-client-proposal .video-layout, .tpl-client-proposal .cta-layout { grid-template-columns: 1fr; height: auto; gap: 22px; }
  .tpl-client-proposal .compare-board { grid-template-columns: 1fr; gap: 10px; }
  .tpl-client-proposal .compare-col { min-height: auto; padding: 20px; gap: 20px; }
  .tpl-client-proposal .compare-col strong { font-size: 24px; }
  .tpl-client-proposal .compare-divider { height: 24px; }
  .tpl-client-proposal .compare-divider span { padding: 4px 8px; }
  .tpl-client-proposal .bottom-rule { position: relative; right: auto; bottom: auto; left: auto; grid-template-columns: 40px 1fr; gap: 12px; margin-top: 22px; padding-top: 16px; }
  .tpl-client-proposal .bottom-rule p { font-size: 15px; }
  .tpl-client-proposal .rule-no { font-size: 22px; }

  .tpl-client-proposal .workflow, .tpl-client-proposal .keyword-flow, .tpl-client-proposal .journey { grid-template-columns: 1fr; gap: 0; }
  .tpl-client-proposal .workflow-node, .tpl-client-proposal .keyword-card, .tpl-client-proposal .keyword-result, .tpl-client-proposal .journey-item { min-height: auto; padding: 20px; }
  .tpl-client-proposal .workflow-node h4 { margin-top: 16px; }
  .tpl-client-proposal .workflow-node p, .tpl-client-proposal .keyword-card p, .tpl-client-proposal .keyword-result p, .tpl-client-proposal .journey-item p { font-size: 15px; }
  .tpl-client-proposal .workflow-arrow, .tpl-client-proposal .keyword-arrow { height: 26px; transform: rotate(90deg); }
  .tpl-client-proposal .keyword-card h3, .tpl-client-proposal .keyword-result h3 { margin-top: 16px; }
  .tpl-client-proposal .journey-line { width: 2px; height: 20px; min-height: 20px; justify-self: center; align-self: auto; }
  .tpl-client-proposal .journey-line::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%); }

  .tpl-client-proposal .video-layout { padding-top: 10px; }
  .tpl-client-proposal .video-points { gap: 8px; }
  .tpl-client-proposal .video-points span { padding: 7px 9px; font-size: 12px; }
  .tpl-client-proposal .video-stage { padding: 7px; }
  .tpl-client-proposal .video-link { font-size: 13px; }

  .tpl-client-proposal .handoff-side { padding: 20px; }
  .tpl-client-proposal .handoff-item { grid-template-columns: 32px 1fr; gap: 10px; padding: 14px 0; font-size: 15px; }
  .tpl-client-proposal .timeline article { min-height: auto; padding: 18px; border-left: 1px solid var(--border); }
  .tpl-client-proposal .timeline h3 { margin: 14px 0 8px; }
  .tpl-client-proposal .timeline p { font-size: 15px; }
  .tpl-client-proposal .metric-card h3 { margin-top: 18px; }

  .tpl-client-proposal .price { margin: 18px 0 12px; font-size: 38px; }
  .tpl-client-proposal .price-text { font-size: 32px; }
  .tpl-client-proposal .pricing-footnote { font-size: 12px; line-height: 1.55; }
  .tpl-client-proposal .consult-area { align-items: flex-start; flex-direction: column; gap: 10px; }
  .tpl-client-proposal .consult-button { width: 100%; min-height: 48px; }

  .slide-arrow { top: auto; bottom: 10px; width: 42px; height: 42px; font-size: 22px; transform: none; }
  .slide-arrow-prev { left: 10px; }
  .slide-arrow-next { right: 10px; }
}

@media print {
  .slide-nav { display: none; }
}