/* /contact page-local.
   (1) the fit list (ticks) and the not-a-fit line; (2) drawing HS-CONTACT-01 rebuilt in HTML (two lanes: the evaluation
   exchange, and the crossed-out data path); (3) the form's pieces the system does not carry yet: select chevron (.sel),
   hint lines, the consent checkbox (a .field input would style it as a text box), the form card and its side column;
   (4) the "what happens next" instrument as a short vertical sequence. */

/* 1 ─ fit */
.fitnote{max-width:40em}
.fitlist h3{font-size:21px}
.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--rule)}
.ticks li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--rule);font-size:16.5px;line-height:1.55;color:var(--body);text-wrap:pretty}
.ticks li strong{color:var(--head);font-weight:600}
.ticks li::before{content:"";position:absolute;left:3px;top:21px;width:13px;height:7px;border-left:1.8px solid var(--ok);border-bottom:1.8px solid var(--ok);transform:rotate(-45deg)}
.notfit{display:flex;gap:12px;align-items:flex-start;margin-top:22px;max-width:46em;font:500 16.5px/1.55 var(--f-sans);color:var(--head)}
.notfit svg{width:18px;height:18px;flex:none;margin-top:3px;stroke:var(--warn);stroke-width:1.8;fill:none}

/* 2 ─ HS-CONTACT-01 */
.ev-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.95fr) minmax(0,1.2fr);grid-template-areas:"a1 a2 a3" "b1 b2 b3";row-gap:30px;align-items:center}
.ev-a1{grid-area:a1}.ev-a2{grid-area:a2}.ev-a3{grid-area:a3}.ev-b1{grid-area:b1}.ev-b2{grid-area:b2}.ev-b3{grid-area:b3}
.ev-grid>.nd{align-self:stretch}
.ev-grid .nd.seal{margin-top:10px}
.ev-path{display:flex;flex-direction:column;gap:14px;padding:0 10px}
.ev-ar{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:center}
.ev-ar b{font:600 14px/1.3 var(--f-sans);letter-spacing:.01em;color:var(--head)}
.ev-ar.rv b{color:var(--ok)}
.ev-ar i{position:relative;display:block;height:1.5px;background:var(--line-c)}
.ev-ar.fw i::after{content:"";position:absolute;right:-1px;top:-4.5px;border:5.25px solid transparent;border-left:8px solid var(--line-c);border-right:0}
.ev-ar.rv i{background:var(--ok)}
.ev-ar.rv i::before{content:"";position:absolute;left:-1px;top:-4.5px;border:5.25px solid transparent;border-right:8px solid var(--ok);border-left:0}
.ev-ar.rv{flex-direction:column-reverse}
.ev-dim{margin-top:4px;padding-top:10px;border-top:1px dashed var(--nd-bd);font:600 14px/1.3 var(--f-sans);letter-spacing:.02em;text-align:center;color:var(--warn)}
.ev-x{position:relative;display:flex;justify-content:center;padding:0 10px}
.ev-x::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed var(--nd-bd)}
.ev-x .bd-cross{position:relative;padding:10px 12px;background:var(--plate);text-align:center}
.ev .bd-foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--rule)}
.ev-cap{margin-top:22px;padding-top:16px;border-top:1px solid var(--rule);font-size:16px;line-height:1.55;color:var(--body);max-width:46em}
@container (max-width:620px){
  .ev-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"a1" "a2" "a3" "b1" "b2" "b3";row-gap:14px}
  .ev-path{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:10px 22px;padding:4px 0 4px 18px}
  .ev-ar{flex-direction:row;align-items:center;gap:10px;text-align:left}
  .ev-ar.rv{flex-direction:row}
  .ev-ar i{width:1.5px;height:34px;flex:none}
  .ev-ar.fw i{order:-1}
  .ev-ar.fw i::after{right:auto;top:auto;bottom:-1px;left:-4.5px;border:5.25px solid transparent;border-top:8px solid var(--line-c);border-bottom:0}
  .ev-ar.rv i::before{left:-4.5px;top:-1px;border:5.25px solid transparent;border-bottom:8px solid var(--ok);border-top:0}
  .ev-dim{flex-basis:100%;text-align:left;padding-top:8px}
  .ev-x{justify-content:flex-start;padding:0}
  .ev-x::before{display:none}
  .ev-x .bd-cross{padding:6px 0;background:none;text-align:left}
  .ev-grid .nd.seal{margin-top:12px}
}

/* 3 ─ the form */
.cgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:start}
.formcard{padding:34px 34px 30px;border-radius:14px;background:var(--plate);border:1px solid var(--plate-bd)}
.hint{margin-top:7px;font:400 14.5px/1.45 var(--f-sans);color:var(--label)}
.opt{font-weight:400;color:var(--label)}
.sel{position:relative}
.sel select{padding-right:42px;cursor:pointer}
.sel svg{position:absolute;right:16px;top:50%;width:12px;height:8px;margin-top:-4px;fill:none;stroke:var(--head);stroke-width:1.6;pointer-events:none}
.consent{display:flex;gap:14px;align-items:flex-start;margin-top:26px;font:400 15.5px/1.55 var(--f-sans);color:var(--body);cursor:pointer}
.consent input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--ink)}
.consent input[aria-invalid="true"]{outline:2px solid #9b2c12;outline-offset:2px}
.consent a{color:var(--head);text-underline-offset:4px}
.btn.send{margin-top:24px;min-width:220px}
.formfine{margin-top:14px;font:400 15px/1.55 var(--f-sans);color:var(--label)}
#contact .form-status{color:var(--head)}
.cside>*+*{margin-top:16px}
.cside .dg{margin-top:0}

/* 4 ─ what happens next */
.rp-steps{list-style:none;margin:16px 0 0;padding:0}
.rp-steps li{position:relative;padding:0 0 22px 30px;font:600 16.5px/1.35 var(--f-sans);color:var(--head)}
.rp-steps li::before{content:"";position:absolute;left:3px;top:4px;width:11px;height:11px;border-radius:50%;border:1.6px solid var(--line-c);background:var(--plate)}
.rp-steps li:not(:last-child)::after{content:"";position:absolute;left:9px;top:19px;bottom:3px;width:1.5px;background:var(--line-c)}
.rp-steps li.ok{padding-bottom:4px;color:var(--ok)}
.rp-steps li.ok::before{border-color:var(--ok);background:var(--ok)}
.rp .dg-s{margin-top:10px;padding-left:30px}

/* the four movements, and pricing */
.mv4 .nd-k{font-variant-numeric:tabular-nums}
.price p{font-size:17px;line-height:1.65}

@media (max-width:1199px){ .cgrid{grid-template-columns:minmax(0,1fr)} .cside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .cside>*+*{margin-top:0} .cside .dg{grid-row:span 2} }
@media (max-width:699px){
  .ticks{grid-template-columns:minmax(0,1fr)}
  .formcard{padding:22px 16px 22px;margin-left:-6px;margin-right:-6px}
  .cside{display:block} .cside>*+*{margin-top:14px}
  .btn.send{width:100%}
  #data-residency .actions{flex-direction:column;align-items:stretch;gap:10px}
  #data-residency .actions .btn{width:100%;height:auto;min-height:54px;padding:14px 18px;white-space:normal;text-align:center;line-height:1.3}
}
.fitnote{margin-top:44px}
.mv4>.cx{min-width:40px;padding:0 4px}
.consent + .err{margin-top:8px;padding-left:36px}