/* MKT-10: buying details share the site's paper, ink and blue. */
.purchase-kicker{display:block;font:600 12px/1.5 var(--mono);letter-spacing:.08em;color:var(--blue)}
.audit-preview{max-width:1060px;margin:18px auto 0;border-top:1px solid var(--hair);padding-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.audit-preview-head{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.audit-preview h3{font-size:18px;font-weight:500;letter-spacing:-.025em}
.audit-preview-head>span{font:500 14px/1.5 var(--mono);color:var(--ink2)}
.audit-deliverables{display:grid;gap:12px;list-style:disc;padding-left:18px}
.audit-deliverables li{font-size:16px;line-height:1.5;color:var(--ink2);padding-left:3px}
.audit-deliverables li::marker{color:var(--blue)}
.audit-deliverables b{color:var(--ink);font-weight:500}
.audit-preview .audit-boundary{font-size:14px;line-height:1.6;color:var(--ink2);margin-top:16px;max-width:48ch}
.audit-example{min-width:0;border:1px solid var(--hair2);border-radius:2px;background:var(--card);padding:20px 24px;box-shadow:4px 4px 0 var(--blue-dim)}
.audit-example-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font:500 14px/1.5 var(--mono);color:var(--ink2)}
.audit-example-head>b{font-weight:500;color:var(--blue);background:var(--blue-dim);padding:4px 8px}
.audit-example h4{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:16px 0}
.audit-example-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0;border-block:1px solid var(--hair)}
.audit-example-facts>div+div{border-left:1px solid var(--hair);padding-left:16px}
.audit-example-facts dt{font-size:14px;line-height:1.5;color:var(--ink2)}
.audit-example-facts dd{font:500 24px/1.3 var(--mono);color:var(--ink);margin:4px 0 0}
.audit-example p{font-size:16px;line-height:1.5;color:var(--ink2);margin-top:14px}
.audit-example p b{font-weight:500;color:var(--ink)}
.audit-example>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:6px;color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.purchase-guarantee{display:flex;gap:22px;align-items:center;padding:20px 24px;background:var(--blue-dim);border:1px solid rgba(36,56,240,.3);border-radius:10px;margin-bottom:16px}
.guarantee-seal{flex:none;text-align:center;border-right:1px solid rgba(36,56,240,.22);padding-right:22px;color:var(--blue)}
.guarantee-seal b{display:block;font:400 52px/.95 var(--serif)}
.guarantee-seal span{display:block;font:600 11px/1.5 var(--mono);letter-spacing:.1em;margin-top:5px}
.purchase-guarantee h3{font:400 29px/1.15 var(--serif);letter-spacing:-.015em;margin:0 0 5px}
.purchase-guarantee p{font-size:15px;line-height:1.6;color:var(--ink2);max-width:76ch}
.purchase-guarantee p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.purchase-guarantee .guarantee-scope{font-size:12px;line-height:1.5;margin-top:6px}
.p-included{margin-top:20px;text-align:center;font-size:14px;line-height:1.6;color:var(--ink2)}
.p-included b{color:var(--ink);font-weight:500}
.fee-disclosure{margin:18px 0 0;border:1px solid var(--hair);border-radius:10px;background:var(--card);overflow:hidden}
.fee-disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;min-height:60px;color:var(--ink)}
.fee-disclosure>summary::-webkit-details-marker{display:none}
.fee-disclosure>summary b{display:block;font-size:16px;font-weight:500}
.fee-disclosure>summary small{display:block;font-size:13px;color:var(--ink2);margin-top:3px;line-height:1.5}
.fee-disclosure>summary>i{font-size:25px;color:var(--blue);font-style:normal;transition:transform .2s ease}
.fee-disclosure[open]>summary>i{transform:rotate(45deg)}
.fee-disclosure[open]>summary{border-bottom:1px solid var(--hair)}
.fee-comparison{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);font-family:var(--ui);text-align:left}
.fee-form{padding:24px;min-width:0}
.fee-form-intro h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin-top:6px}
.fee-form-intro p{font-size:14px;color:var(--ink2);margin-top:5px}
.fee-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;margin-top:22px}
.fee-fields label{font-size:14px;font-weight:500;min-width:0;line-height:1.5}
.fee-fields label>span{display:block;font-size:12px;font-weight:400;color:var(--ink2)}
.fee-input{display:flex;align-items:center;margin-top:8px;background:var(--paper);border:1px solid var(--hair2);border-radius:5px;overflow:hidden}
.fee-input i{font-style:normal;font-size:18px;color:var(--ink2);padding-left:12px}
.fee-input input{font:500 18px var(--ui);background:transparent;color:var(--ink);border:0;padding:12px 10px;min-width:0;width:100%;min-height:48px}
.fee-fields select{display:block;width:100%;min-height:48px;margin-top:8px;border:1px solid var(--hair2);border-radius:5px;background:var(--paper);font:400 16px var(--ui);color:var(--ink);padding:10px}
.fee-input:focus-within{outline:2px solid var(--blue);outline-offset:2px}.fee-input input:focus{outline:none}
.fee-fields select:focus-visible,.fee-disclosure>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.fee-choice{min-width:0}
.fee-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;cursor:pointer;text-align:left;border:1px solid var(--hair2);border-radius:3px;color:var(--ink);background:var(--paper);font:500 14px/1.5 var(--mono);transition:border-color .18s,background .18s}
.fee-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fee-select-trigger:hover,.fee-select-trigger[aria-expanded=true]{border-color:var(--blue);background:var(--card)}
.fee-select-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.fee-select-chevron{flex:none;color:var(--ink2);transition:transform .18s}
.fee-select-trigger[aria-expanded=true] .fee-select-chevron{transform:rotate(180deg);color:var(--blue)}
.fee-select-menu{position:fixed;z-index:160;padding:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--hair2);border-radius:3px;background:var(--card);box-shadow:4px 5px 0 rgba(22,21,17,.09),0 12px 30px rgba(22,21,17,.12)}
.fee-select-menu[hidden]{display:none!important}
.fee-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px;border:0;border-radius:2px;background:transparent;color:var(--ink2);font:400 14px/1.5 var(--mono);text-align:left;cursor:pointer}
.fee-select-option>span:last-child{visibility:hidden;flex:none;color:var(--blue)}
.fee-select-option[aria-selected=true]{color:var(--blue);background:var(--blue-dim)}
.fee-select-option[aria-selected=true]>span:last-child{visibility:visible}
.fee-select-option:hover,.fee-select-option:focus-visible{background:var(--blue-dim);color:var(--ink);outline:1px solid var(--blue);outline-offset:-1px}
.fee-input:has([aria-invalid=true]){border-color:#a82a24}
.fee-assumptions{font-size:12px;line-height:1.65;color:var(--ink2);margin-top:16px}
.fee-error{font-size:14px;line-height:1.5;color:#a82a24;margin-top:12px}
.fee-result{padding:24px;background:var(--blue-dim);border-left:1px solid var(--hair);min-width:0;display:flex;align-items:center}
.fee-result>div{width:100%}
.fee-comparison [hidden]{display:none!important}
.fee-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fee-result-head>b{font-size:14px;color:var(--blue);background:var(--card);border:1px solid rgba(36,56,240,.3);padding:5px 12px;border-radius:20px;font-weight:500}
.fee-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:16px}
.fee-price strong{font:400 clamp(38px,4vw,58px)/1 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}
.fee-price>span{font-size:13px;color:var(--ink2)}
.fee-bill-note{font-size:13px;line-height:1.5;color:var(--ink2);margin-top:8px}
.fee-totals{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:12px 0;margin:18px 0}
.fee-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.6;padding:4px 0}
.fee-totals dt{color:var(--ink2)}.fee-totals dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}
.fee-difference strong{font-size:clamp(27px,3.2vw,40px);font-weight:500;line-height:1.2;color:var(--blue);letter-spacing:-.04em;display:block;overflow-wrap:anywhere}
.fee-difference span{font-size:14px;line-height:1.5;display:block;margin-top:4px}
[data-fee-direction=more] .fee-difference strong,[data-fee-direction=equal] .fee-difference strong{color:var(--ink)}
.fee-difference small{display:block;font-size:12px;line-height:1.5;color:var(--ink2);margin-top:5px}
.fee-fit{font-size:12px;line-height:1.65;color:var(--ink2);margin-top:14px}
.fee-empty h3{font:400 32px/1.15 var(--serif);margin:12px 0}
.fee-empty p{font-size:16px;line-height:1.6;color:var(--ink2)}
.fee-empty a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:18px;color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:4px}
#fees>.container>.fee-comparison{border:1px solid var(--hair2);border-radius:10px;overflow:hidden;background:var(--card)}
/* Both notes share one grid cell, so the box always measures the taller of the
   two and no step change can move the CTA row below the player. */
.see-notes{display:grid;margin:12px 0 0}
.see-notes>.run-filter-explanation{grid-area:1/1;margin:0;visibility:hidden}
.see-notes>.run-filter-explanation.is-on{visibility:visible}
.run-filter-explanation{font-size:14px;line-height:1.6;color:var(--ink2);margin:12px 0 0}
.run-filter-explanation b{color:var(--ink);font-weight:500}
.walk-filter-note{padding:10px 0 0;font-size:13px;line-height:1.5;color:#B3B8C2}
@media(max-width:900px){
  .audit-preview{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0 0;margin:18px 0 0}
  .audit-example{padding:20px;max-width:540px}
  .purchase-guarantee{padding:18px;gap:16px;align-items:flex-start;margin-bottom:18px}
  .guarantee-seal{padding-right:16px}.guarantee-seal b{font-size:44px}
  .purchase-guarantee h3{font-size:26px}.purchase-guarantee p{font-size:14px}
  .p-included{text-align:left;max-width:540px;margin-left:auto;margin-right:auto}
  .fee-comparison{grid-template-columns:1fr}
  .fee-form,.fee-result{padding:20px}.fee-result{border-left:0;border-top:1px solid var(--hair)}
  .fee-fields{gap:16px}.fee-fields label{font-size:14px}.fee-fields label>span{min-height:36px}
  .fee-disclosure>summary{padding:16px}.fee-disclosure>summary small{font-size:13px}
  .walk-engine .walk-run-total{padding-bottom:12px}
  .walk-engine .walk-levers{gap:6px}
  .walk-engine .walk-levers>div{padding-top:9px;padding-bottom:8px}
  .walk-engine .walk-levers i{top:9px}
  .walk-engine .walk-levers span{margin-top:3px}
}
@media(max-width:480px){
  .fee-fields{grid-template-columns:1fr;gap:16px}.fee-fields label>span{min-height:0}
  .fee-form-intro h3{font-size:20px}
  .purchase-guarantee{display:block;position:relative;padding:18px}
  .guarantee-seal{float:right;border:0;padding:0 0 6px 12px}
  .purchase-guarantee h3{padding-top:3px;max-width:15ch;margin-bottom:12px}
  .purchase-guarantee .guarantee-scope{clear:both;padding-top:4px}
}
@media(prefers-reduced-motion:reduce){.fee-disclosure>summary>i{transition:none}}
@media(prefers-reduced-motion:reduce){.fee-select-trigger,.fee-select-chevron{transition:none}}

@media(min-width:901px){
  .pricing-zone .sec-head .sub{max-width:90ch}
  .pricing-zone .p-toggle-wrap{margin:12px 0 12px}
  .purchase-guarantee{padding-top:16px;padding-bottom:16px}
  .audit-preview{margin-top:12px;padding-top:12px}
}

/* The worked finding belongs beside the plans; deliverables are in Free audit. */
.audit-disclosure .audit-example{max-width:680px;margin:0 auto;border:0;box-shadow:none;padding:24px}
@media(max-width:480px){.audit-disclosure .audit-example{padding:20px}}