/* SITE-005 offer sections. Brand values inherit from the prototype tokens. */
.offer-cost-table th small{overflow-wrap:anywhere}
.offer-services-section{background:var(--ink);color:var(--paper)}
.offer-services-section .section-kicker{color:var(--lime)}
.offer-services-section .landing-heading{max-width:900px}
.offer-services-section .landing-lead{color:#cacdc7}
.offer-services-intro{max-width:730px}
.offer-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.offer-service{display:flex;flex-direction:column;min-width:0}
.offer-service-art{aspect-ratio:1;background:var(--paper);margin-bottom:26px;overflow:hidden}
.offer-service-art img{display:block;object-fit:contain;width:100%;height:100%;padding:18px}
.offer-service h3{font-size:clamp(23px,2.1vw,29px);font-weight:600;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px}
.offer-service-price{font-size:17px;line-height:1.3;margin:0 0 24px}
.offer-service-price strong{font-size:clamp(27px,2.8vw,36px);letter-spacing:-1px;white-space:nowrap;font-weight:600}
.offer-service-price span{white-space:nowrap;color:#d3d6d0}
.offer-service-task,.offer-service-highlight{font-size:16px;line-height:1.5;margin:0 0 16px}
.offer-service-task{color:var(--paper)}
.offer-service-highlight{color:#cacdc7}
.offer-service-result{border-top:1px solid #ffffff35;margin-top:auto;padding-top:18px}
.offer-service-result>span{display:block;color:#a4aba0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.offer-service-result>p{font-size:15px;line-height:1.5;margin:8px 0 24px;color:#e1e4dd}
.offer-service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:auto}
.offer-services-section .landing-button{color:var(--ink);background:var(--lime);font-size:14px;padding-inline:18px}
.offer-services-section .landing-button:hover{background:#a3ff40}
.offer-services-section .landing-button:active{background:#75e600}
.offer-service-detail{color:var(--paper);font-size:14px;white-space:nowrap}
.offer-service-detail:hover{color:var(--lime)}
.offer-services-section :is(button,a):focus-visible{outline:3px solid var(--violet);outline-offset:5px}
.offer-services-note{border-top:1px solid #ffffff40;margin-top:38px;padding-top:18px;color:#b8beb2;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.offer-services-note p{font-size:13px;line-height:1.5;margin:0}

.offer-cost-section .landing-heading{max-width:900px}
.offer-cost-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:34px;margin-top:46px;align-items:start}
.offer-cost-table-wrap{min-width:0}
.offer-cost-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px;line-height:1.4}
.offer-cost-name{width:48%}
.offer-cost-table caption{text-align:left;font-size:13px;color:var(--landing-muted);padding:0 0 16px}
.offer-cost-table th,.offer-cost-table td{border-top:1px solid var(--line);padding:18px 12px;vertical-align:top;text-align:left}
.offer-cost-table th:first-child{padding-left:0}
.offer-cost-table td:last-child,.offer-cost-table thead th:last-child{padding-right:0}
.offer-cost-table thead th{font-weight:600;font-size:14px;padding-top:18px;padding-bottom:20px}
.offer-cost-table th small{display:block;font-size:11px;font-weight:400;color:var(--landing-muted);margin-top:4px;line-height:1.4}
.offer-cost-table tbody th{font-weight:400}
.offer-cost-table td{font-size:19px;font-weight:600;white-space:nowrap;letter-spacing:-.35px}
.offer-cost-table td small{font-weight:400;display:block;font-size:11px;letter-spacing:0;color:var(--landing-muted);line-height:1.25;margin-top:4px}
.offer-cost-table .offer-no-monthly{font-size:13px;line-height:1.4;font-weight:400;white-space:normal;display:block;letter-spacing:0;color:var(--landing-muted)}
.offer-cost-table .offer-cost-total>*{border-top:2px solid var(--ink);background:#efffdf;font-weight:600}
.offer-cost-table .offer-cost-total th{padding-left:12px}
.offer-cost-table-note{font-size:12px;color:var(--landing-muted);line-height:1.5;margin:14px 0 0}
.offer-budget{background:#f0ddff;padding:30px 28px;border-radius:18px;margin-top:34px}
.offer-budget h3{font-size:clamp(25px,2.7vw,34px);line-height:1.12;letter-spacing:-1px;margin:0 0 28px;font-weight:600}
.offer-budget h3>span{color:#692e90}
.offer-budget p{font-size:16px;line-height:1.5;margin:0 0 18px}
.offer-budget p:last-child{margin-bottom:0;font-size:14px}
.offer-audit-bridge{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:50px;padding-top:28px}
.offer-audit-bridge h3{font-weight:600;font-size:23px;letter-spacing:-.45px;line-height:1.2;margin:0 0 8px}
.offer-audit-bridge p{color:var(--landing-muted);font-size:16px;line-height:1.5;margin:0}
.offer-audit-bridge>.landing-link{flex:none;white-space:nowrap}

.offer-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:48px 0 0}
.offer-process>li{min-width:0}
.offer-step-top{display:flex;gap:18px;align-items:center;margin-bottom:26px}
.offer-step-index{font-size:21px;font-weight:600;line-height:1;flex:none}
.offer-step-line{position:relative;display:block;background:var(--line);height:1px;flex:1;margin-left:24px}
.offer-step-line::before{content:'';position:absolute;left:-24px;top:-7px;width:15px;height:15px;border-radius:50%;background:var(--lime)}
.offer-process h3{font-size:24px;letter-spacing:-.5px;line-height:1.15;font-weight:600;margin:0 0 20px}
.offer-process li>p{font-size:16px;line-height:1.5;margin:0 0 16px;color:#555b51}
.offer-client-materials{display:flex;align-items:baseline;gap:9px;margin-top:28px;padding:21px 26px;background:#ecd1ff;border-radius:12px;font-size:17px;line-height:1.45}
.offer-client-materials strong{font-weight:600;flex:none}
.offer-client-materials p{margin:0}
.offer-client-role{font-size:14px;color:var(--landing-muted);line-height:1.5;margin:14px 0 0}

.offer-report-section{background:#f2f6ed}
.offer-report-section .landing-heading{max-width:1050px}
.offer-report-section .landing-lead{max-width:800px}
.offer-report-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px}
.offer-report-column{min-width:0;padding-right:30px;border-right:1px solid #d4dbcd}
.offer-report-column:last-child{padding-right:0;border:0}
.offer-report-column h3{font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.6px;margin:0 0 18px}
.offer-report-column ul{list-style:none;padding:0;margin:0;font-size:15px;line-height:1.4}
.offer-report-column li{padding:10px 0;border-bottom:1px solid #d9dfd3}
.offer-report-column li:first-child{padding-top:0}
.offer-report-column>p{font-size:12px;line-height:1.5;color:#637059;margin:13px 0 0}
.offer-metric-explainer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;margin-top:30px;background:var(--paper);padding:24px;border-radius:12px;align-items:center;min-height:150px}
.offer-metric-controls{padding:0;margin:0;border:0;min-width:0}
.offer-metric-controls legend{font-size:12px;color:var(--landing-muted);padding:0;margin-bottom:12px}
.offer-metric-options{display:flex;gap:7px;flex-wrap:wrap}
.offer-metric-options label{display:block;position:relative;cursor:pointer;min-width:0}
.offer-metric-options input{position:absolute;top:50%;left:12px;width:1px;height:1px;clip-path:inset(50%);opacity:0;margin:0}
.offer-metric-options span{display:block;padding:12px 14px;min-height:44px;background:#f0f1ee;color:var(--ink);border:1px solid transparent;border-radius:var(--control-radius);font-size:14px;line-height:1.3;transition:background .15s,color .15s}
.offer-metric-options label:hover span{background:#e2e6dc}
.offer-metric-options input:checked+span{color:var(--paper);background:var(--ink)}
.offer-metric-options input:focus-visible+span{outline:3px solid #692e90;outline-offset:3px}
.offer-metric-options label:active span{border-color:currentColor}
.offer-metric-description{border-left:1px solid var(--line);padding-left:26px;min-width:0}
.offer-metric-description h4{font-size:15px;line-height:1.3;font-weight:600;margin:0 0 8px}
.offer-metric-description p{font-size:14px;line-height:1.45;margin:0;color:#555d4f}
.offer-report-examples{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:22px}
.offer-report-example-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.offer-report-examples>p{font-size:12px;line-height:1.4;color:var(--landing-muted);max-width:260px;margin:0;border-left:1px solid #d4dbcd;padding-left:24px}
.offer-report-section :is(button,a):focus-visible{outline:3px solid #692e90;outline-offset:4px}

@media(max-width:1050px){
  .offer-services{gap:24px}
  .offer-service h3{min-height:2.3em}
  .offer-service-price strong{font-size:29px}
  .offer-service-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .offer-cost-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:24px}
  .offer-cost-table th,.offer-cost-table td{padding-inline:8px}
  .offer-cost-table td{font-size:17px}
  .offer-budget{padding:25px 22px}
  .offer-budget p{font-size:15px}
  .offer-process{gap:22px}
  .offer-process h3{font-size:22px}
  .offer-report-columns{gap:24px}
  .offer-report-column{padding-right:22px}
  .offer-report-column h3{font-size:23px}
  .offer-metric-explainer{grid-template-columns:1fr;gap:20px}
  .offer-metric-description{padding:0;border-left:0;min-height:74px}
}
@media(max-width:760px){
  .offer-services{grid-template-columns:1fr;margin-top:36px;gap:48px}
  .offer-service{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:24px;align-content:start;align-items:start}
  .offer-service-art{grid-column:1;grid-row:1 / span 3;margin:0}
  .offer-service-art img{padding:10px}
  .offer-service h3{grid-column:2;min-height:0;font-size:27px;margin:0 0 12px}
  .offer-service-price{grid-column:2;margin:0 0 16px;font-size:16px}
  .offer-service-task{grid-column:2;font-size:15px;margin:0}
  .offer-service-highlight{grid-column:1 / -1;margin:20px 0}
  .offer-service-result{grid-column:1 / -1;margin:0}
  .offer-service-actions{grid-column:1 / -1;flex-direction:row;align-items:center;gap:18px}
  .offer-services-note{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .offer-cost-layout{grid-template-columns:1fr;margin-top:32px;gap:28px}
  .offer-budget{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:28px}
  .offer-budget h3{grid-row:1 / span 3;font-size:30px;margin:0}
  .offer-budget p{margin:0}
  .offer-cost-table td{font-size:20px}
  .offer-audit-bridge{align-items:flex-start;flex-direction:column;gap:22px;margin-top:36px}
  .offer-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px}
  .offer-step-top{margin-bottom:20px}
  .offer-process li>p{font-size:15px}
  .offer-client-materials{font-size:16px;padding:20px 22px}
  .offer-report-columns{grid-template-columns:1fr;gap:26px;margin-top:32px}
  .offer-report-column{border:0;padding-right:0}
  .offer-report-column h3{font-size:25px;margin-bottom:16px}
  .offer-report-column ul{font-size:16px}
  .offer-report-column li{padding:10px 0}
  .offer-report-examples{align-items:flex-start;gap:16px}
  .offer-report-examples>p{border:0;padding:0;max-width:100%}
}
@media(max-width:450px){
  .offer-service{display:flex}
  .offer-service-art{width:100%;margin-bottom:24px}
  .offer-service-art img{padding:18px}
  .offer-service h3{font-size:29px}
  .offer-service-price strong{font-size:34px}
  .offer-service-task{font-size:16px}
  .offer-service-actions{gap:16px}
  .offer-services-section .landing-button{font-size:14px;padding-inline:16px}
  .offer-cost-name{width:45%}
  .offer-cost-table{font-size:13px}
  .offer-cost-table th,.offer-cost-table td{padding:15px 6px}
  .offer-cost-table thead th{font-size:12px}
  .offer-cost-table th small{font-size:10px}
  .offer-cost-table td{font-size:15px;letter-spacing:-.25px}
  .offer-cost-table .offer-cost-total th{padding-left:6px}
  .offer-cost-table .offer-no-monthly{font-size:11px}
  .offer-budget{display:block;padding:26px 24px}
  .offer-budget h3{font-size:30px;margin-bottom:24px}
  .offer-budget p{margin-bottom:16px;font-size:16px}
  .offer-audit-bridge h3{font-size:24px}
  .offer-audit-bridge>.landing-link{white-space:normal;font-size:16px}
  .offer-process{grid-template-columns:1fr;gap:30px}
  .offer-step-top{margin-bottom:18px}
  .offer-process h3{font-size:25px;margin-bottom:14px}
  .offer-process li>p{font-size:16px}
  .offer-client-materials{display:block;padding:22px}
  .offer-client-materials strong{display:block;margin-bottom:8px}
  .offer-metric-explainer{padding:20px;gap:22px}
  .offer-metric-options{gap:8px}
  .offer-metric-options span{font-size:13px;padding-inline:12px}
  .offer-metric-description{min-height:138px}
  .offer-report-example-actions{align-items:flex-start;gap:14px;flex-direction:column;width:100%}
  .offer-report-example-actions>.landing-button{font-size:14px;padding-inline:16px;width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.offer-metric-options span{transition:none}}
@media(forced-colors:active){
  .offer-service-art,.offer-budget,.offer-cost-total{border:1px solid CanvasText}
  .offer-cost-table th,.offer-cost-table td,.offer-service-result,.offer-services-note{border-color:CanvasText}
  .offer-step-line{background:CanvasText}
  .offer-step-line::before{border:1px solid CanvasText}
  .offer-metric-options span{border:1px solid ButtonText}
  .offer-metric-options input:checked+span{outline:2px solid Highlight;outline-offset:-3px}
}