/* VERAHELM POLISH PATCH — layers over system.css/mvp.css, same design language */
/* Load after mvp.css. No markup changes required. */

/* ---------- global refinement ---------- */
.mvp-body{
  background:
    radial-gradient(1200px 600px at 75% -5%, rgba(216,255,104,.045), transparent 60%),
    radial-gradient(900px 700px at 10% 105%, rgba(216,255,104,.03), transparent 55%),
    #020202;
}
a,button,.mvp-card,.mvp-button{transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}
:focus-visible{outline:1px solid var(--alive);outline-offset:3px}
::selection{background:var(--alive);color:#020202}
.mvp-kicker,.mvp-section-head>p{font-size:10px}
.mvp-nav nav a,.mvp-nav>a:last-child{font-size:9px}
.mvp-button{font-size:10px}
.mvp-card>span{font-size:9px}
.mvp-footer{font-size:10px}

/* ---------- nav ---------- */
.mvp-nav{background:rgba(2,2,2,.78);border-bottom-color:rgba(237,237,232,.12)}
.mvp-brand img{filter:drop-shadow(0 0 8px rgba(216,255,104,.35))}
.mvp-nav nav a{position:relative;padding:6px 2px}
.mvp-nav nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--alive);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.mvp-nav nav a:hover::after,.mvp-nav nav a:focus-visible::after{transform:scaleX(1)}

/* ---------- hero ---------- */
.hero-copy h1 .hero-line-secondary{color:var(--alive);text-shadow:0 0 34px rgba(216,255,104,.28)}
.hero-summary{color:#b5b5ae}
.hero-assurances li{position:relative;padding-left:16px}
.hero-assurances li::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);background:var(--alive);box-shadow:0 0 8px rgba(216,255,104,.6)}

/* ---------- buttons ---------- */
.mvp-button{border-color:rgba(237,237,232,.28)}
.mvp-button:hover{border-color:var(--alive);color:var(--alive);transform:translateY(-2px)}
.mvp-button.primary{box-shadow:0 0 0 rgba(216,255,104,0)}
.mvp-button.primary:hover{background:var(--alive);border-color:var(--alive);color:#090909;box-shadow:0 8px 34px rgba(216,255,104,.3)}
.mvp-button span{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.mvp-button:hover span{transform:translateX(4px)}

/* ---------- section heads ---------- */
.mvp-section-head>p{color:var(--alive)}
.mvp-section{border-top-color:rgba(237,237,232,.12)}

/* ---------- cards ---------- */
.mvp-grid{background:rgba(237,237,232,.12);border-color:rgba(237,237,232,.12)}
.mvp-card{position:relative;background:#060606}
.mvp-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--alive);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.mvp-card:hover{background:#0a0a09;box-shadow:inset 0 0 0 1px rgba(216,255,104,.22),0 18px 50px rgba(0,0,0,.55);transform:translateY(-3px);z-index:1}
.mvp-card:hover::before{transform:scaleX(1)}
.mvp-card h3{color:#f4f4ef}
.mvp-card p,.mvp-card li{color:#9d9d96;font-size:11.5px}
.mvp-card a{font-weight:700}
.mvp-card a:hover{color:var(--alive)}
.mvp-price[data-state="unavailable"]{color:#85857f;border:1px dashed rgba(237,237,232,.25);padding:10px 13px}

/* ---------- boundary banner ---------- */
.boundary-banner{border-color:rgba(216,255,104,.45);background:rgba(216,255,104,.05);color:#a9a9a2}

/* ---------- table ---------- */
.mvp-table{border-color:rgba(237,237,232,.14)}
.mvp-table th,.mvp-table td{border-color:rgba(237,237,232,.12)}
.mvp-table td{color:#9d9d96;transition:background .25s ease}
.mvp-table tbody tr:hover td{background:rgba(216,255,104,.035)}

/* ---------- proof console ---------- */
.proof-console{border-color:rgba(237,237,232,.14);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.proof-context{color:#9d9d96}
.proof-verdict b{color:var(--alive)}

/* ---------- links & footer ---------- */
.legal-links a{border-bottom:1px solid rgba(237,237,232,.25);padding-bottom:3px}
.legal-links a:hover{color:var(--alive);border-color:var(--alive)}
.mvp-footer{border-top-color:rgba(237,237,232,.12)}
.mvp-footer a:hover{color:var(--alive)}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ---------- tier-1 additions ---------- */
.mvp-section{content-visibility:visible}
.rv{opacity:1;transform:none}
.rv.in{animation:rv-arrive .55s cubic-bezier(.16,1,.3,1) both}
@keyframes rv-arrive{from{transform:translateY(10px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.rv.in{animation:none}}

/* ---------- API documentation navigation and readable type ---------- */
.api-docs-page .api-docs-index{
  position:sticky;z-index:19;top:55px;margin:0 0 34px;
  background:rgba(2,2,2,.96);box-shadow:0 13px 34px rgba(0,0,0,.5);
  backdrop-filter:blur(13px)
}
.api-docs-page [id]{scroll-margin-top:144px}
.api-docs-page .policy-copy p,
.api-docs-page .policy-copy li,
.api-docs-page .api-profile-body p,
.api-docs-page .api-step-grid p,
.api-docs-page .api-example>p,
.api-docs-page .api-usecase-grid p,
.api-docs-page .api-endpoint-map article>p,
.api-docs-page .api-code-workbench>footer p,
.api-docs-page .api-response-matrix article>p{font-size:13px;line-height:1.7}
.api-docs-page .api-docs-index a,
.api-docs-page .api-profile-group>header p,
.api-docs-page .api-profile-body strong,
.api-docs-page .api-step-grid article>span,
.api-docs-page .api-method,
.api-docs-page .api-unit,
.api-docs-page .api-runtime-bar span,
.api-docs-page .api-runtime-bar button,
.api-docs-page .api-profile-tools button,
.api-docs-page .api-profile-tools label,
.api-docs-page .api-profile-tools span,
.api-docs-page .api-copy,
.api-docs-page .api-code-tabs button,
.api-docs-page .api-docs-status{font-size:10px}
.api-docs-page .code-block{font-size:12px}
@media(max-width:900px){
  .api-docs-page .api-docs-index{
    display:flex;overflow-x:auto;overscroll-behavior-inline:contain;
    scrollbar-width:thin
  }
  .api-docs-page .api-docs-index a{flex:0 0 170px;padding:11px 13px}
  .api-docs-page .api-docs-index a span{display:inline;margin:0 8px 0 0}
}
@media(max-width:600px){
  .api-docs-page .code-block,.api-docs-page .api-example .code-block{font-size:11px}
}

/* ---------- tier-2/3 enhancements ---------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .25s ease}
::view-transition-new(root){animation:vt-in .35s cubic-bezier(.16,1,.3,1)}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}
.mvp-nav nav a[aria-current="page"]{color:var(--alive)}
.mvp-nav nav a[aria-current="page"]::after{transform:scaleX(1)}
.code-block{position:relative}
.code-copy{position:absolute;top:8px;right:8px;padding:5px 10px;border:1px solid var(--line);background:rgba(2,2,2,.85);color:var(--ash);font:7px var(--mono);letter-spacing:.12em;cursor:pointer;transition:color .25s,border-color .25s}
.code-copy:hover{color:var(--alive);border-color:var(--alive)}
.proof-console .proof-chain li{opacity:0;animation:chain-in .5s cubic-bezier(.16,1,.3,1) forwards}
.proof-console .proof-chain li:nth-child(1){animation-delay:.15s}
.proof-console .proof-chain li:nth-child(2){animation-delay:.3s}
.proof-console .proof-chain li:nth-child(3){animation-delay:.45s}
.proof-console .proof-chain li:nth-child(4){animation-delay:.6s}
@keyframes chain-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.proof-console .proof-chain li{opacity:1;animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* ---------- typographic craft (human-grade details) ---------- */
h1,h2,h3,.mvp-title,.mvp-section-head h2{text-wrap:balance}
p,li{text-wrap:pretty}
.mvp-price,.proof-console dt,.proof-console dd,.mvp-table,code,.code-block{font-variant-numeric:tabular-nums}
input,textarea{caret-color:var(--alive)}
.mvp-footer::after{content:"SET IN SYSTEM SANS + MONO · BUILT BY VERAHELM HOLDINGS LLC";display:block;width:100%;margin-top:13px;color:#3d3d39;font:6px var(--mono);letter-spacing:.2em}
@media print{
  .mvp-nav,.mvp-actions,.noise,.service-orbit,.code-copy,footer nav{display:none!important}
  body,.mvp-body{background:#fff!important;color:#000!important}
  .mvp-card,.mvp-form,.code-block{border-color:#999;background:#fff}
  h1,h2,h3,p,li,td,th{color:#000!important}
  .mvp-section{break-inside:avoid;border-top-color:#ccc}
  a{color:#000;text-decoration:underline}
}

/* ---------- conversion layer (ethical persuasion) ---------- */
.mvp-nav>a:last-child{color:var(--alive);border:1px solid rgba(216,255,104,.5);padding:8px 14px;transition:background .25s,box-shadow .3s}
.mvp-nav>a:last-child:hover{background:rgba(216,255,104,.1);box-shadow:0 0 18px rgba(216,255,104,.15)}
.mvp-card.featured{border:1px solid rgba(216,255,104,.4);background:linear-gradient(165deg,rgba(216,255,104,.05),transparent 45%),#060606}
.mvp-card.featured::before{transform:scaleX(1)}
.card-badge{display:inline-block;margin:8px 0 0;padding:4px 8px;background:var(--alive);color:#090909;font:700 6px var(--mono);letter-spacing:.16em;font-style:normal}
.trust-chips{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0;padding:0;list-style:none}
.trust-chips li{padding:5px 9px;border:1px solid rgba(237,237,232,.16);color:#9d9d96;font:6px var(--mono);letter-spacing:.1em}
.trust-chips li::before{content:"· ";color:var(--alive)}
.hero-chips{margin-top:21px}
.hero-chips li{border-color:rgba(216,255,104,.3);color:#b5b5ae;font-size:7px}
.cta-band{margin:89px auto 0;padding:55px 34px;border:1px solid rgba(216,255,104,.3);background:linear-gradient(150deg,rgba(216,255,104,.06),transparent 55%),#050505;text-align:left}
.cta-band h2{margin:0 0 13px;font:550 clamp(28px,4vw,46px)/1.05 var(--sans);letter-spacing:-.03em;max-width:754px}
.cta-note{margin:0 0 21px;color:var(--ash);font:11px/1.7 var(--mono);max-width:610px}

/* ---------- access flow steps ---------- */
.flow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 21px;padding:0;list-style:none;counter-reset:step}
.flow-steps li{counter-increment:step;padding:8px 13px;border:1px solid rgba(216,255,104,.3);color:#b5b5ae;font:7px var(--mono);letter-spacing:.12em}
.flow-steps li::before{content:counter(step) " / ";color:var(--alive)}

/* ---------- void-glass (dark liquid-glass, access + dialogs only) ---------- */
.mvp-form,.key-once,.human-check,.terms-dialog-frame,.commerce-dialog>div{
  position:relative;border-radius:14px;
  border:1px solid rgba(237,237,232,.14);
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 38%,rgba(216,255,104,.03) 90%),rgba(8,8,8,.72);
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);
}
.mvp-form:focus-within{border-color:rgba(216,255,104,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(216,255,104,.15),0 24px 60px rgba(0,0,0,.5)}
.key-once{border-color:rgba(216,255,104,.55);background:linear-gradient(155deg,rgba(216,255,104,.1),rgba(255,255,255,.02) 50%),rgba(8,10,6,.8)}
.human-check{border-radius:10px}
.terms-dialog,.commerce-dialog{border-radius:16px;overflow:hidden}
/* liquid sheen sweep on primary actions */
.mvp-button.primary{position:relative;overflow:hidden}
.mvp-button.primary::after{content:"";position:absolute;top:-60%;left:-80%;width:55%;height:220%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
.mvp-button.primary:hover::after{left:130%}
/* glass inputs */
.mvp-form input:not([type="checkbox"]),.mvp-form select,.mvp-form textarea{border-radius:8px;background:rgba(255,255,255,.04);transition:border-color .25s,box-shadow .25s,background .25s}
.mvp-form input:focus,.mvp-form select:focus,.mvp-form textarea:focus{background:rgba(216,255,104,.04);box-shadow:0 0 0 3px rgba(216,255,104,.12)}
@media(prefers-reduced-motion:reduce){.mvp-button.primary::after{display:none}}


/* ---------- proof console overlap fix ---------- */
.proof-visual{height:356px;place-items:start center;padding-top:26px}
.proof-visual .tesseract-canvas{width:233px;height:233px}
.proof-verdict{left:18px;bottom:16px;z-index:4;box-shadow:0 8px 24px rgba(0,0,0,.55)}
@media(max-width:600px){.proof-visual{height:288px;padding-top:18px}.proof-visual .tesseract-canvas{width:178px;height:178px}}
.service-orbit span:nth-child(5){bottom:30%}
.service-orbit span:nth-child(4){bottom:30%}

/* ---------- testing-key pending clarity ---------- */
#testingList li{border-color:rgba(216,255,104,.35);background:rgba(216,255,104,.03)}
#testingList li:only-child{border-color:var(--line);background:transparent}

/* ---------- direct checkout ---------- */
.checkout-form{max-width:754px}
.checkout-stage{display:grid;gap:21px}
.checkout-stage label>small{display:block;margin-top:8px;color:#85857f;font:8px/1.55 var(--mono);letter-spacing:0}
.checkout-summary{margin:0;padding:13px;border-left:2px solid var(--alive);color:#b5b5ae;font:10px/1.65 var(--mono)}
.checkout-steps li[aria-current="step"]{border-color:var(--alive);background:rgba(216,255,104,.1);color:var(--white)}
.checkout-status{min-height:32px;padding:8px 0}
.checkout-status[data-state="error"]{padding:13px;border:1px solid rgba(255,154,143,.45);background:rgba(255,154,143,.04)}
.checkout-status[data-state="success"]{padding:13px;border:1px solid rgba(216,255,104,.35);background:rgba(216,255,104,.035)}
#checkoutTurnstileMount{min-height:65px}
.human-check{max-width:100%;overflow:hidden}
@media(max-width:600px){
  .checkout-section{padding-top:42px}
  .checkout-form{margin-top:21px;padding:17px}
  .checkout-steps{display:grid;grid-template-columns:1fr}
  .checkout-steps li{min-height:38px;display:flex;align-items:center}
  .checkout-actions{margin-top:21px}
}
