:root {
  --vp-ink: #17201e;
  --vp-muted: #5f6d69;
  --vp-line: #dce3e0;
  --vp-soft: #f4f7f6;
  --vp-green: #167c68;
  --vp-green-dark: #105b4e;
  --vp-orange: #e96822;
  --vp-white: #ffffff;
}

.vp-page { background: var(--vp-soft); color: var(--vp-ink); }
.vp-intro { background: var(--vp-white); border-bottom: 1px solid var(--vp-line); padding: 2rem 0 1.75rem; }
.vp-intro-inner { align-items: end; display: flex; gap: 2rem; justify-content: space-between; max-width: 1180px; }
.vp-eyebrow { align-items: center; color: var(--vp-green-dark); display: inline-flex; font-size: .78rem; font-weight: 800; gap: .45rem; text-transform: uppercase; }
.vp-intro h1 { color: var(--vp-ink); font-size: 2rem; font-weight: 800; letter-spacing: 0; margin: .45rem 0; }
.vp-intro p { color: var(--vp-muted); margin: 0; max-width: 720px; }
.vp-price-note { border-left: 1px solid var(--vp-line); display: grid; flex: 0 0 auto; gap: .2rem 1.4rem; grid-template-columns: auto auto; padding-left: 1.6rem; }
.vp-price-note span { color: var(--vp-muted); font-size: .84rem; }
.vp-price-note strong { color: var(--vp-ink); display: block; font-size: 1.12rem; }
.vp-price-note small { color: var(--vp-muted); grid-column: 1 / -1; }

.vp-workspace { padding: 2rem 0 3.5rem; }
.vp-workspace > .container { max-width: 1180px; }
.vp-wizard { background: var(--vp-white); border: 1px solid var(--vp-line); border-radius: 8px; box-shadow: 0 18px 48px rgba(23, 32, 30, .08); display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 700px; overflow: hidden; }
.vp-step-rail { background: #20332f; color: var(--vp-white); display: flex; flex-direction: column; min-width: 0; padding: 1.6rem 1.1rem; }
.vp-rail-head { align-items: center; display: flex; gap: .8rem; padding: 0 .55rem 1.2rem; }
.vp-rail-mark { align-items: center; background: var(--vp-orange); border-radius: 6px; display: inline-flex; font-size: 1.2rem; height: 42px; justify-content: center; width: 42px; }
.vp-rail-head strong, .vp-rail-head small { display: block; }
.vp-rail-head strong { font-size: 1rem; }
.vp-rail-head small { color: #bfd0cb; font-size: .74rem; margin-top: .15rem; }
.vp-progress-track { background: rgba(255, 255, 255, .14); height: 4px; margin: 0 .55rem 1.25rem; overflow: hidden; }
.vp-progress-track span { background: #51c4a7; display: block; height: 100%; transition: width .3s ease; width: 20%; }
.vp-step-list { display: grid; gap: .25rem; }
.vp-step-link { align-items: center; background: transparent; border: 0; color: #c4d2ce; display: grid; gap: .7rem; grid-template-columns: 36px minmax(0, 1fr) 18px; padding: .7rem .55rem; text-align: left; width: 100%; }
.vp-step-link:disabled { cursor: default; opacity: .58; }
.vp-step-link:not(:disabled):hover, .vp-step-link.is-active { background: rgba(255, 255, 255, .09); color: var(--vp-white); }
.vp-step-link.is-active { box-shadow: inset 3px 0 0 #51c4a7; }
.vp-step-index { align-items: center; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; display: inline-flex; height: 34px; justify-content: center; width: 34px; }
.vp-step-link.is-active .vp-step-index { background: #51c4a7; border-color: #51c4a7; color: #163c32; }
.vp-step-link strong, .vp-step-link small { display: block; }
.vp-step-link strong { font-size: .88rem; }
.vp-step-link small { color: #9fb3ad; font-size: .72rem; margin-top: .1rem; }
.vp-step-done { color: #51c4a7; display: none; }
.vp-step-link.is-complete .vp-step-done { display: inline-block; }
.vp-rail-security { align-items: flex-start; border-top: 1px solid rgba(255, 255, 255, .13); color: #aec0bb; display: flex; font-size: .74rem; gap: .55rem; line-height: 1.45; margin-top: auto; padding: 1.2rem .55rem 0; }

.vp-form-area { min-width: 0; padding: 2.4rem clamp(1.25rem, 4vw, 3.25rem) 2rem; }
.vp-panel { animation: vpPanelIn .28s ease both; max-width: 810px; }
@keyframes vpPanelIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.vp-panel-head { border-bottom: 1px solid var(--vp-line); margin-bottom: 1.8rem; padding-bottom: 1.35rem; }
.vp-panel-kicker { color: var(--vp-orange); display: block; font-size: .76rem; font-weight: 800; margin-bottom: .35rem; text-transform: uppercase; }
.vp-panel-head h2 { color: var(--vp-ink); font-size: 1.65rem; font-weight: 800; letter-spacing: 0; margin: 0 0 .45rem; }
.vp-panel-head p { color: var(--vp-muted); margin: 0; }
.vp-server-error, .vp-inline-error { align-items: flex-start; background: #fff3f0; border: 1px solid #f3b8a7; border-radius: 6px; color: #8e2f17; display: flex; gap: .6rem; margin-bottom: 1.25rem; padding: .8rem 1rem; }
.vp-inline-error[hidden] { display: none; }

.vp-fields-grid { display: grid; gap: 1.1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vp-fields-grid-compact { align-items: start; margin-top: 1.6rem; }
.vp-field { min-width: 0; }
.vp-field-wide { grid-column: 1 / -1; }
.vp-field label, .vp-fieldset legend { color: var(--vp-ink); display: block; font-size: .87rem; font-weight: 750; margin-bottom: .45rem; }
.vp-field label span { color: var(--vp-muted); font-size: .75rem; font-weight: 500; }
.vp-field .form-control, .vp-field .form-select, .vp-other-field .form-control { border: 1px solid #cbd5d1; border-radius: 6px; color: var(--vp-ink); min-height: 46px; padding: .68rem .8rem; }
.vp-field textarea.form-control { min-height: auto; resize: vertical; }
.vp-field .form-control:focus, .vp-field .form-select:focus, .vp-other-field .form-control:focus { border-color: var(--vp-green); box-shadow: 0 0 0 3px rgba(22, 124, 104, .12); }
.vp-input-wrap { position: relative; }
.vp-input-wrap > i { color: #71807b; left: .85rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.vp-input-wrap .form-control { padding-left: 2.45rem; }
.vp-account-note { align-items: center; background: #eef6f3; border-left: 3px solid var(--vp-green); color: #365a50; display: flex; font-size: .84rem; gap: .65rem; margin-top: 1.4rem; padding: .75rem .9rem; }
.vp-account-note a { color: var(--vp-green-dark); font-weight: 750; }

.vp-fieldset { border: 0; margin: 0; min-width: 0; padding: 0; }
.vp-choice-grid { display: grid; gap: .65rem; }
.vp-choice-grid-property { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vp-choice { align-items: center; border: 1px solid var(--vp-line); cursor: pointer; display: flex; flex-direction: column; gap: .45rem; justify-content: center; min-height: 88px; padding: .75rem .4rem; position: relative; text-align: center; }
.vp-choice:hover { border-color: #98aaa4; }
.vp-choice:has(input:checked) { background: #eef6f3; border-color: var(--vp-green); box-shadow: inset 0 -3px 0 var(--vp-green); }
.vp-choice input, .vp-energy input, .vp-project-option input, .vp-segmented input, .vp-toggle input { opacity: 0; pointer-events: none; position: absolute; }
.vp-choice-icon { color: var(--vp-green-dark); font-size: 1.35rem; }
.vp-choice > span:last-child { font-size: .78rem; font-weight: 700; }
.vp-energy-field { grid-column: span 1; }
.vp-energy-scale { display: flex; flex-wrap: wrap; gap: .3rem; }
.vp-energy { cursor: pointer; position: relative; }
.vp-energy span { align-items: center; background: #eef1ef; color: #42504c; display: inline-flex; font-size: .72rem; font-weight: 800; height: 32px; justify-content: center; min-width: 34px; padding: 0 .45rem; }
.vp-energy:has(input:checked) span { box-shadow: 0 0 0 2px var(--vp-ink); }
.vp-energy-unknown span { min-width: 74px; }
.vp-energy-1 span { background: #efb2ad; } .vp-energy-2 span { background: #f1c19c; }
.vp-energy-3 span { background: #f2d69d; } .vp-energy-4 span { background: #eee9a8; }
.vp-energy-5 span { background: #dce7a9; } .vp-energy-6 span { background: #c5dfb5; }
.vp-energy-7 span, .vp-energy-8 span, .vp-energy-9 span, .vp-energy-10 span { background: #afd5c2; }

.vp-surface-row { align-items: end; display: grid; gap: 1.25rem; grid-template-columns: minmax(220px, 310px) minmax(0, 1fr); margin-bottom: 1.8rem; }
.vp-surface-row p { color: var(--vp-muted); font-size: .82rem; margin: 0 0 .65rem; }
.vp-measure-input { position: relative; }
.vp-measure-input .form-control { padding-right: 3rem; }
.vp-measure-input > span { color: var(--vp-muted); font-weight: 750; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); }
.vp-counter-grid { border-bottom: 1px solid var(--vp-line); border-top: 1px solid var(--vp-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vp-counter-block { align-items: center; display: grid; gap: .75rem; grid-template-columns: 38px minmax(0, 1fr) auto; min-height: 100px; padding: 1rem; }
.vp-counter-block:nth-child(odd) { border-right: 1px solid var(--vp-line); }
.vp-counter-block:nth-child(-n+2) { border-bottom: 1px solid var(--vp-line); }
.vp-counter-icon { align-items: center; background: #edf4f2; color: var(--vp-green-dark); display: inline-flex; font-size: 1.1rem; height: 36px; justify-content: center; width: 36px; }
.vp-counter-block strong, .vp-counter-block small { display: block; }
.vp-counter-block strong { font-size: .9rem; }
.vp-counter-block small { color: var(--vp-muted); font-size: .72rem; }
.vp-stepper { align-items: center; display: grid; grid-template-columns: 32px 42px 32px; }
.vp-stepper button { align-items: center; background: #edf4f2; border: 0; color: var(--vp-green-dark); display: inline-flex; height: 32px; justify-content: center; width: 32px; }
.vp-stepper button:hover { background: #dcebe6; }
.vp-stepper input { border: 0; color: var(--vp-ink); font-weight: 800; height: 32px; min-width: 0; text-align: center; width: 42px; }
.vp-stepper input::-webkit-outer-spin-button, .vp-stepper input::-webkit-inner-spin-button { appearance: none; margin: 0; }

.vp-project-layout { align-items: stretch; display: grid; gap: 1.4rem; grid-template-columns: minmax(0, 1.35fr) minmax(230px, .65fr); }
.vp-project-options { display: grid; gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vp-project-option { align-items: center; border: 1px solid var(--vp-line); cursor: pointer; display: grid; gap: .7rem; grid-template-columns: 38px minmax(0, 1fr) 18px; min-height: 70px; padding: .65rem .7rem; position: relative; }
.vp-project-option:hover { border-color: #98aaa4; }
.vp-project-option:has(input:checked) { background: #eef6f3; border-color: var(--vp-green); }
.vp-project-option-icon { align-items: center; background: #edf4f2; color: var(--vp-green-dark); display: inline-flex; font-size: 1.05rem; height: 36px; justify-content: center; width: 36px; }
.vp-project-option strong, .vp-project-option small { display: block; }
.vp-project-option strong { font-size: .82rem; }
.vp-project-option small { color: var(--vp-muted); font-size: .68rem; line-height: 1.35; margin-top: .1rem; }
.vp-project-check { color: var(--vp-green); opacity: 0; }
.vp-project-option:has(input:checked) .vp-project-check { opacity: 1; }
.vp-other-field { margin-top: .8rem; }
.vp-project-preview { background: #f7f4ee; border: 1px solid #eadfce; display: flex; flex-direction: column; min-width: 0; padding: 1rem; }
.vp-project-preview-label { color: #796a56; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.vp-project-visual { align-items: center; display: flex; height: 170px; justify-content: center; margin: .45rem 0 .7rem; overflow: hidden; position: relative; }
.vp-project-main-icon { align-items: center; background: var(--vp-white); border: 2px solid var(--vp-orange); border-radius: 50%; color: var(--vp-orange); display: inline-flex; font-size: 2.1rem; height: 82px; justify-content: center; position: relative; transition: transform .25s ease, color .25s ease; width: 82px; z-index: 2; }
.vp-project-visual.is-changing .vp-project-main-icon { transform: scale(.82) rotate(-5deg); }
.vp-visual-line { background: #cbbda9; height: 1px; position: absolute; transform-origin: left; width: 86px; }
.vp-visual-line-1 { left: 8%; top: 34%; transform: rotate(18deg); }
.vp-visual-line-2 { bottom: 30%; right: 8%; transform: rotate(-17deg); }
.vp-visual-node { align-items: center; background: var(--vp-white); border: 1px solid #d8cbb8; border-radius: 50%; color: #7d6e5b; display: inline-flex; height: 32px; justify-content: center; position: absolute; width: 32px; }
.vp-visual-node-1 { left: 8%; top: 19%; } .vp-visual-node-2 { bottom: 14%; left: 14%; } .vp-visual-node-3 { right: 9%; top: 24%; }
.vp-project-preview h3 { color: var(--vp-ink); font-size: 1.08rem; font-weight: 800; margin: 0 0 .35rem; }
.vp-project-preview p { color: var(--vp-muted); font-size: .8rem; line-height: 1.5; margin: 0; }
.vp-profile-grid { align-items: end; border-top: 1px solid var(--vp-line); display: grid; gap: 1rem; grid-template-columns: 1fr 1fr 1fr; margin-top: 1.4rem; padding-top: 1.25rem; }
.vp-segmented { border: 1px solid #cbd5d1; display: grid; grid-template-columns: repeat(3, 1fr); }
.vp-segmented label { cursor: pointer; margin: 0; position: relative; }
.vp-segmented span { align-items: center; display: flex; font-size: .74rem; font-weight: 700; justify-content: center; min-height: 42px; padding: .3rem; }
.vp-segmented label + label { border-left: 1px solid #cbd5d1; }
.vp-segmented label:has(input:checked) span { background: var(--vp-green); color: var(--vp-white); }

.vp-review-strip { align-items: center; background: #eef6f3; border-bottom: 1px solid #c9ddd7; border-top: 1px solid #c9ddd7; display: grid; gap: .9rem; grid-template-columns: 46px repeat(3, minmax(0, 1fr)) 34px; margin-bottom: 1.4rem; padding: .85rem; }
.vp-review-icon { align-items: center; background: var(--vp-green); color: var(--vp-white); display: inline-flex; font-size: 1.1rem; height: 42px; justify-content: center; width: 42px; }
.vp-review-strip small, .vp-review-strip strong { display: block; }
.vp-review-strip small { color: #5b746d; font-size: .68rem; text-transform: uppercase; }
.vp-review-strip strong { font-size: .82rem; overflow-wrap: anywhere; }
.vp-review-strip button { align-items: center; background: transparent; border: 0; color: var(--vp-green-dark); display: inline-flex; height: 32px; justify-content: center; width: 32px; }
.vp-document-grid { display: grid; gap: 1rem; grid-template-columns: 1.15fr .85fr; margin-bottom: 1.2rem; }
.vp-upload-zone { border: 1px dashed #91a49e; min-height: 190px; padding: .8rem; position: relative; text-align: center; }
.vp-upload-zone > label { align-items: center; cursor: pointer; display: flex; flex-direction: column; height: 130px; justify-content: center; }
.vp-upload-zone > label i { color: var(--vp-green); font-size: 2rem; }
.vp-upload-zone > label strong, .vp-upload-zone > label span { display: block; }
.vp-upload-zone > label strong { font-size: .94rem; margin-top: .35rem; }
.vp-upload-zone > label span { color: var(--vp-muted); font-size: .75rem; margin-top: .2rem; }
.vp-upload-zone input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.vp-file-status { color: var(--vp-muted); font-size: .74rem; min-height: 1.2rem; overflow-wrap: anywhere; }
.vp-file-status.is-ok { color: #176746; }
.vp-file-status.is-error { color: #a23d25; }
.vp-amount-panel { background: #f8f9f8; border: 1px solid var(--vp-line); padding: 1rem; }
.vp-toggle { align-items: center; cursor: pointer; display: flex !important; gap: .6rem; margin: .8rem 0 0 !important; position: relative; }
.vp-toggle-control { background: #b8c3bf; border-radius: 12px; display: inline-block; flex: 0 0 auto; height: 22px; position: relative; transition: background .2s ease; width: 40px; }
.vp-toggle-control::after { background: var(--vp-white); border-radius: 50%; content: ""; height: 16px; left: 3px; position: absolute; top: 3px; transition: transform .2s ease; width: 16px; }
.vp-toggle:has(input:checked) .vp-toggle-control { background: var(--vp-green); }
.vp-toggle:has(input:checked) .vp-toggle-control::after { transform: translateX(18px); }
.vp-toggle > span:last-child { color: var(--vp-ink); font-size: .78rem; font-weight: 650; }
.vp-label-row { align-items: end; display: flex; justify-content: space-between; }
.vp-label-row small { color: var(--vp-muted); }
.vp-disclaimer { align-items: flex-start; background: #fff8ee; border-left: 3px solid var(--vp-orange); color: #6a513a; display: flex; font-size: .78rem; gap: .6rem; margin-top: 1.2rem; padding: .75rem .85rem; }

.vp-actions { align-items: center; border-top: 1px solid var(--vp-line); display: flex; justify-content: space-between; margin-top: 1.8rem; padding-top: 1.25rem; }
.vp-actions-end { justify-content: flex-end; }
.vp-btn { align-items: center; border: 0; border-radius: 6px; display: inline-flex; font-size: .86rem; font-weight: 750; gap: .5rem; justify-content: center; min-height: 44px; padding: .65rem 1.05rem; }
.vp-btn-primary, .vp-btn-submit { background: var(--vp-ink); color: var(--vp-white); }
.vp-btn-primary:hover, .vp-btn-submit:hover { background: #2b3734; color: var(--vp-white); }
.vp-btn-submit { background: var(--vp-orange); min-width: 180px; }
.vp-btn-submit:hover { background: #c94f10; }
.vp-btn-secondary { background: transparent; border: 1px solid #b7c2be; color: var(--vp-ink); }
.vp-btn-secondary:hover { background: #f0f3f2; }
.vp-btn:disabled { cursor: wait; opacity: .68; }
.vp-payment-note { color: var(--vp-muted); font-size: .74rem; margin: .8rem 0 0; text-align: right; }

.vp-proof { background: var(--vp-white); border-top: 1px solid var(--vp-line); padding: 4rem 0; }
.vp-proof > .container { max-width: 1080px; }
.vp-proof-head { max-width: 720px; }
.vp-proof h2, .vp-faq-section h2 { color: var(--vp-ink); font-size: 1.75rem; font-weight: 800; letter-spacing: 0; margin: .45rem 0; }
.vp-proof-head p, .vp-faq-layout > div:first-child p { color: var(--vp-muted); }
.vp-proof-grid { border-bottom: 1px solid var(--vp-line); border-top: 1px solid var(--vp-line); display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 1.8rem; }
.vp-proof-grid article { border-right: 1px solid var(--vp-line); padding: 1.4rem 1.1rem; }
.vp-proof-grid article:last-child { border-right: 0; }
.vp-proof-grid i { color: var(--vp-orange); font-size: 1.25rem; }
.vp-proof-grid h3 { color: var(--vp-ink); font-size: .94rem; font-weight: 800; margin: .65rem 0 .35rem; }
.vp-proof-grid p { color: var(--vp-muted); font-size: .82rem; line-height: 1.55; margin: 0; }
.vp-faq-section { background: #edf3f1; padding: 4rem 0; }
.vp-faq-layout { display: grid; gap: 3rem; grid-template-columns: .8fr 1.2fr; max-width: 980px; }
.vp-faq details { border-bottom: 1px solid #c9d7d2; }
.vp-faq summary { color: var(--vp-ink); cursor: pointer; font-weight: 750; list-style: none; padding: .9rem 2rem .9rem 0; position: relative; }
.vp-faq summary::-webkit-details-marker { display: none; }
.vp-faq summary::after { content: "+"; font-size: 1.2rem; position: absolute; right: .2rem; top: .7rem; }
.vp-faq details[open] summary::after { content: "−"; }
.vp-faq details p { color: var(--vp-muted); font-size: .86rem; padding: 0 2rem .9rem 0; }

@media (max-width: 991px) {
  .vp-wizard { grid-template-columns: 1fr; }
  .vp-step-rail { display: block; padding: .9rem 1rem; }
  .vp-rail-head, .vp-rail-security { display: none; }
  .vp-progress-track { margin: 0 0 .75rem; }
  .vp-step-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .vp-step-link { gap: .3rem; grid-template-columns: 30px minmax(0, 1fr); padding: .45rem .3rem; }
  .vp-step-index { height: 28px; width: 28px; }
  .vp-step-link small, .vp-step-done { display: none !important; }
  .vp-step-link strong { font-size: .72rem; }
  .vp-step-link.is-active { box-shadow: inset 0 -3px 0 #51c4a7; }
  .vp-form-area { padding-top: 1.8rem; }
  .vp-profile-grid { grid-template-columns: 1fr 1fr; }
  .vp-profile-grid > .vp-field { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  #emiChatFab, #whatsappFloat { display: none !important; }
  .vp-intro { padding: 1.5rem 0; }
  .vp-intro-inner { align-items: start; flex-direction: column; gap: 1rem; }
  .vp-intro h1 { font-size: 1.65rem; }
  .vp-price-note { border-left: 0; border-top: 1px solid var(--vp-line); padding-left: 0; padding-top: .75rem; width: 100%; }
  .vp-workspace { padding-top: 1rem; }
  .vp-workspace > .container { padding-left: 0; padding-right: 0; }
  .vp-wizard { border-left: 0; border-radius: 0; border-right: 0; box-shadow: none; }
  .vp-step-link { display: flex; justify-content: center; }
  .vp-step-link > span:nth-child(2) { display: none; }
  .vp-form-area { padding: 1.4rem 1rem 1.5rem; }
  .vp-panel-head h2 { font-size: 1.38rem; }
  .vp-fields-grid, .vp-project-layout, .vp-document-grid, .vp-faq-layout { grid-template-columns: 1fr; }
  .vp-choice-grid-property { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vp-choice { min-height: 76px; }
  .vp-surface-row { align-items: start; grid-template-columns: 1fr; }
  .vp-surface-row p { margin: 0; }
  .vp-counter-grid { grid-template-columns: 1fr; }
  .vp-counter-block:nth-child(odd) { border-right: 0; }
  .vp-counter-block { border-bottom: 1px solid var(--vp-line); }
  .vp-counter-block:last-child { border-bottom: 0; }
  .vp-project-preview { order: -1; }
  .vp-project-visual { height: 135px; }
  .vp-profile-grid { grid-template-columns: 1fr; }
  .vp-profile-grid > .vp-field { grid-column: auto; }
  .vp-review-strip { grid-template-columns: 42px minmax(0, 1fr) 32px; }
  .vp-review-strip > div:nth-of-type(2), .vp-review-strip > div:nth-of-type(3) { display: none; }
  .vp-actions { gap: .75rem; }
  .vp-btn { flex: 1; }
  .vp-payment-note { text-align: center; }
  .vp-proof, .vp-faq-section { padding: 3rem 0; }
  .vp-proof-grid { grid-template-columns: 1fr 1fr; }
  .vp-proof-grid article:nth-child(2) { border-right: 0; }
  .vp-proof-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--vp-line); }
}

@media (max-width: 480px) {
  .vp-project-options { grid-template-columns: 1fr; }
  .vp-project-option small { display: none; }
  .vp-proof-grid { grid-template-columns: 1fr; }
  .vp-proof-grid article { border-bottom: 1px solid var(--vp-line); border-right: 0; }
  .vp-proof-grid article:last-child { border-bottom: 0; }
  .vp-btn { font-size: .78rem; padding-inline: .7rem; }
}

@media (prefers-reduced-motion: reduce) {
  .vp-panel, .vp-progress-track span, .vp-project-main-icon { animation: none; transition: none; }
}