/* CleverPOS contact CTA. Scoped to .cpct; no global resets. */
.cpct{--cpct-navy:#122747;--cpct-green:#238e42;--cpct-ink:#142743;--cpct-muted:#63748b;--cpct-border:#dfe7ec;margin:0 auto;font:inherit;color:var(--cpct-ink)}
.cpct *{box-sizing:border-box}.cpct a{text-decoration:none}.cpct button,.cpct input,.cpct select,.cpct textarea{font:inherit}
.cpct__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.99fr);min-height:700px;background:var(--cpct-navy);border-radius:28px;overflow:hidden;isolation:isolate}
.cpct__story{position:relative;isolation:isolate;min-width:0;padding:58px clamp(28px,4.5vw,70px) 50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background:#122747}
.cpct__story:before{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(180deg,#122747 0%,rgba(18,39,71,.84) 18%,rgba(18,39,71,.35) 80%,rgba(18,39,71,.55) 100%),url("assets/contact/store_payment_realistic.png") center 47%/cover;opacity:.9;z-index:-1}
.cpct__eyebrow{color:#a2f0b9;letter-spacing:.14em;font-size:12px;text-transform:uppercase;font-weight:800}
.cpct__eyebrow:before{content:"";display:inline-block;width:8px;height:8px;background:#70e99c;border-radius:50%;margin-right:12px}
.cpct__story h2{font-size:clamp(37px,4.2vw,62px);line-height:1.04;letter-spacing:-.045em;margin:34px 0 23px;font-weight:800;color:#fff;max-width:570px}
.cpct__story h2 span{color:#6aeba1}
.cpct__intro{color:#e1eaf4;font-size:17px;line-height:1.58;max-width:510px;margin:0}
.cpct__points{display:flex;gap:25px;flex-wrap:wrap;margin-top:35px;color:#e8f0fc;font-size:13px}
.cpct__point{display:flex;align-items:center;gap:10px}
.cpct__point span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#ffffff21;color:#bdf9d0;font-weight:900}
.cpct__from{position:relative;z-index:1;border-top:1px solid #ffffff30;padding-top:20px;margin-top:110px;display:flex;gap:12px;align-items:center;color:#e8f1fe}
.cpct__from-avatar{border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:#6583c2;font-size:20px;color:#fff}
.cpct__from strong{display:block;font-size:14px}
.cpct__from small{display:block;color:#bccadc;font-size:12px;margin-top:3px}
.cpct__form-shell{padding:26px;display:flex;align-items:center;justify-content:center}
.cpct__form-card{background:#fff;width:100%;border-radius:23px;padding:35px clamp(24px,2.5vw,43px);box-shadow:0 16px 52px #071c3324}
.cpct__form-title{display:flex;justify-content:space-between;gap:20px;align-items:start}
.cpct__form-title h3{margin:0;font-size:clamp(23px,2vw,30px);letter-spacing:-.035em;color:#142743}
.cpct__form-title .cpct__mark{font-weight:900;color:#2aa84c;font-size:23px}
.cpct__sub{color:#71809a;font-size:13px;margin:7px 0 22px;line-height:1.55}
.cpct__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cpct__field--full{grid-column:1/-1}
.cpct__field label{display:block;font-size:11px;font-weight:800;color:#213451;margin-bottom:7px}
.cpct__field input,.cpct__field select,.cpct__field textarea{display:block;width:100%;min-width:0;border:1px solid #d8e1ec;background:white;border-radius:9px;padding:12px;font-size:13px;line-height:1.35;outline:none;transition:border-color .16s,box-shadow .16s;color:#142743}
.cpct__field textarea{min-height:74px;resize:vertical}
.cpct__field :is(input,select,textarea):focus-visible{border-color:#329858;box-shadow:0 0 0 3px #32985825}
.cpct__field input::placeholder,.cpct__field textarea::placeholder{color:#98a5b9}
.cpct__agree{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.5;color:#6c7b90;margin:15px 0}
.cpct__agree input{margin-top:2px;accent-color:#218c42}
.cpct__agree a{color:#217b39;text-decoration:underline}
.cpct__primary{border:0;display:block;width:100%;cursor:pointer;border-radius:12px;background:linear-gradient(110deg,#239a44,#187d35);color:white;text-align:center;font-weight:800;font-size:14px;padding:15px;transition:filter .15s}
.cpct__primary:hover{filter:brightness(1.07)}
.cpct__primary:disabled{opacity:.55;cursor:not-allowed;filter:none}
.cpct__primary:focus-visible,.cpct__contact:focus-visible{outline:3px solid #60adff;outline-offset:3px}
.cpct__notice{font-size:12px;margin:10px 0 0;line-height:1.45;min-height:1.4em;text-align:center;color:#71819a}
.cpct__divider{display:flex;align-items:center;gap:15px;color:#8794a6;font-size:11px;text-align:center;margin:26px 0 17px;text-transform:uppercase;letter-spacing:.08em}
.cpct__divider:before,.cpct__divider:after{content:"";flex:1;height:1px;background:#e2e8ed}
.cpct__quick-head{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;color:#142743}
.cpct__quick-sub{color:#728198;font-size:12px;margin:0 0 13px;line-height:1.5}
.cpct__contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cpct__contact{background:#e7f8ed;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:72px;padding:11px 8px;border:1px solid transparent;transition:transform .16s,box-shadow .16s,color .16s;min-width:0;color:#143626}
.cpct__contact:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11253d20}
.cpct__contact img{width:40px;height:40px;flex:0 0 40px;object-fit:contain}
.cpct__contact strong{font-size:12px;display:block;color:#172d43;line-height:1.2}
.cpct__contact small{display:block;color:#547d69;font-size:10px;margin-top:5px;white-space:normal;overflow-wrap:anywhere}
.cpct__contact--tg{background:#e5f4ff}
.cpct__contact--tg small{color:#4b7da1}
.cpct__contact--tel{background:#f0f2f5}
.cpct__contact--tel small{color:#65778a}
.cpct__disclosure{margin-top:12px;color:#8b98a9;font-size:10px;line-height:1.4}
@media(max-width:1050px){
  .cpct__panel{grid-template-columns:.85fr 1.15fr}
  .cpct__story{padding:42px 30px}
  .cpct__form-shell{padding:18px}
  .cpct__form-card{padding:27px 22px}
  .cpct__contacts{grid-template-columns:1fr}
  .cpct__contact{min-height:62px;padding:10px 14px}
  .cpct__contact img{width:34px;height:34px}
  .cpct__contact small{font-size:11px}
}
@media(max-width:740px){
  .cpct__panel{display:flex;flex-direction:column;border-radius:18px}
  .cpct__story{min-height:320px;padding:37px 25px 27px}
  .cpct__story:before{inset:25% 0 0;opacity:.6}
  .cpct__story h2{font-size:clamp(34px,9vw,49px);margin:23px 0 16px}
  .cpct__intro{font-size:14px}
  .cpct__from{margin-top:25px}
  .cpct__points{margin-top:18px;gap:8px 18px}
  .cpct__form-shell{padding:0 12px 14px}
  .cpct__form-card{padding:25px 18px 24px;border-radius:17px}
  .cpct__fields{grid-template-columns:1fr}
  .cpct__contacts{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .cpct__contact{min-height:66px;padding:10px 5px;flex-direction:column;text-align:center}
  .cpct__contact img{width:32px;height:32px;flex-basis:32px}
  .cpct__contact strong{font-size:11px}
  .cpct__contact small{font-size:9px;margin-top:3px}
}
@media(max-width:410px){
  .cpct__contacts{grid-template-columns:1fr}
  .cpct__contact{flex-direction:row;text-align:left;padding:10px 14px;min-height:57px}
  .cpct__contact strong{font-size:12px}
  .cpct__contact small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .cpct__contact,.cpct__primary,.cpct__field input,.cpct__field select,.cpct__field textarea{transition:none}
  .cpct__contact:hover{transform:none}
}
