/* =========================================================
   Ori X Pay  -  Contact Us page
   Header / buttons / hero base / footer = paynova-home.css + paynova-features.css
   Desktop sizes are written as  N u  (calc(N * var(--u)) = N px on the 1024px design).
   ========================================================= */
body.ct{background:#faf8f1}
.ct svg,.ct img{display:block;flex:none}
.ct-wrap{position:relative;margin:0 auto;width:calc(912 * var(--u))}

/* ---------- shared type ---------- */
.ct-eye{font-size:calc(6.4 * var(--u));line-height:calc(9 * var(--u));font-weight:600;letter-spacing:calc(.6 * var(--u));text-transform:uppercase;color:#a56a14}
.ct-geye{font-size:calc(6.4 * var(--u));line-height:calc(9 * var(--u));font-weight:600;letter-spacing:calc(.6 * var(--u));text-transform:uppercase;color:#e8a73f}
.ct-h2{font:700 calc(20 * var(--u))/calc(24 * var(--u)) var(--font-h);color:#0b1219;letter-spacing:calc(-.3 * var(--u));margin-top:calc(6 * var(--u))}
.ct-h2-l{font-size:calc(21 * var(--u));line-height:calc(26 * var(--u))}
.ct-p{font-size:calc(8.3 * var(--u));line-height:calc(14 * var(--u));color:#45586b;margin-top:calc(8 * var(--u))}

/* ---------- hero ---------- */
.ct-hero{height:calc(350 * var(--u))}
.ct-hero .ft-hero-in{padding-top:calc(83 * var(--u))}
.ct-hero-art{top:calc(53 * var(--u));width:calc(599 * var(--u));height:calc(297 * var(--u));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%);mask-image:linear-gradient(to right,transparent 0,#000 22%)}
.ct-hero-art img{object-fit:cover}
.ct-pill{height:calc(18 * var(--u));gap:calc(5 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(6 * var(--u))}
.ct-pill-ico{display:grid;place-items:center;width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:linear-gradient(180deg,#f7dcaa,#dba55a);color:#1b1408}
.ct-pill-ico svg{width:calc(6 * var(--u));height:calc(6 * var(--u));stroke-width:2.2}
.ct-h1{font:700 calc(33 * var(--u))/calc(36 * var(--u)) var(--font-h);letter-spacing:calc(-.4 * var(--u));margin-top:calc(11 * var(--u))}
.ct-lead{font-size:calc(9.3 * var(--u));line-height:calc(18 * var(--u));margin-top:calc(14 * var(--u))}

/* ---------- form + info ---------- */
.ct-main{background:#faf8f1;padding:calc(27 * var(--u)) 0 calc(26 * var(--u))}
.ct-main-in{display:grid;grid-template-columns:calc(445 * var(--u)) 1fr;column-gap:calc(28 * var(--u));align-items:start}
.ct-card{background:#fcfaf5;border:1px solid #eee5d2;border-radius:calc(12 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(10 * var(--u)) rgba(130,95,30,.05)}
.ct-form-card{padding:calc(21 * var(--u)) calc(22 * var(--u)) calc(23 * var(--u))}
.ct-form-card .ct-h2{font-size:calc(19 * var(--u));margin-top:calc(7 * var(--u))}
.ct-form{margin-top:calc(22 * var(--u))}
.ct-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ct-row{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(15 * var(--u))}
.ct-f{margin-bottom:calc(13 * var(--u))}
.ct-f label{display:block;font-size:calc(7.2 * var(--u));line-height:calc(10 * var(--u));font-weight:600;color:#1b2630;margin-bottom:calc(6 * var(--u))}
.ct-f label b{color:#1b2630;font-weight:600}
.ct-f input,.ct-f select,.ct-f textarea{display:block;width:100%;font:400 calc(7.4 * var(--u)) var(--font);color:#1b2630;background:#fbf9f4;border:1px solid #e2d9c6;border-radius:calc(5 * var(--u));padding:0 calc(9 * var(--u));height:calc(29 * var(--u));outline:0;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.ct-f textarea{height:calc(106 * var(--u));padding:calc(9 * var(--u));line-height:1.5;resize:vertical}
.ct-f input::placeholder,.ct-f textarea::placeholder{color:#8b94a0}
.ct-f select{color:#5d6975;padding-right:calc(24 * var(--u));cursor:pointer}
.ct-f select:valid{color:#1b2630}
.ct-f input:focus,.ct-f select:focus,.ct-f textarea:focus{background:#fff;border-color:#d9a04e;box-shadow:0 0 0 3px rgba(231,178,95,.22)}
.ct-f .is-bad{border-color:#d92d20;background:#fffafa}
.ct-sel{position:relative}
.ct-sel svg{position:absolute;right:calc(9 * var(--u));top:50%;width:calc(9 * var(--u));height:calc(9 * var(--u));margin-top:calc(-4.5 * var(--u));pointer-events:none;color:#1b2630}
.ct-err{display:block;font-size:calc(6.6 * var(--u));line-height:calc(9 * var(--u));color:#b42318;margin-top:calc(3 * var(--u))}
.ct-err:empty{display:none}
.ct-status{font-size:calc(7.4 * var(--u));line-height:calc(11 * var(--u));border-radius:calc(5 * var(--u));margin-bottom:calc(10 * var(--u))}
.ct-status:empty{display:none}
.ct-status.is-err{color:#912018;background:#fef3f2;border:1px solid #fecdca;padding:calc(7 * var(--u)) calc(9 * var(--u))}
.ct-send{display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));width:100%;height:calc(33 * var(--u));margin-top:calc(2 * var(--u));border:0;border-radius:calc(6 * var(--u));background:linear-gradient(90deg,#e6c98a,#dcae60 55%,#e6c98a);color:#1b1408;font:600 calc(8.6 * var(--u)) var(--font);box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) calc(-8 * var(--u)) rgba(201,137,58,.8);transition:transform .18s,box-shadow .18s,filter .18s}
.ct-send svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.ct-send:hover{transform:translateY(-1px);filter:brightness(1.04)}
.ct-send:disabled{cursor:wait;opacity:.75;transform:none}
.ct-noscript{font-size:calc(7.2 * var(--u));color:#912018;margin-top:calc(8 * var(--u))}
.ct-thanks{text-align:center;padding:calc(60 * var(--u)) calc(20 * var(--u)) calc(52 * var(--u))}
.ct-thanks[hidden]{display:none}
.ct-thanks-ico{display:block;width:calc(44 * var(--u));height:calc(44 * var(--u));margin:0 auto calc(14 * var(--u))}
.ct-thanks-ico svg{width:100%;height:100%}
.ct-thanks h3{font:700 calc(16 * var(--u))/calc(20 * var(--u)) var(--font-h);color:#0b1219}
.ct-thanks p{font-size:calc(8.4 * var(--u));line-height:calc(14 * var(--u));color:#45586b;margin:calc(7 * var(--u)) auto 0;max-width:calc(290 * var(--u))}
.hm .ct-again{height:calc(28 * var(--u));padding:0 calc(16 * var(--u));margin-top:calc(16 * var(--u));font-size:calc(8 * var(--u));border-radius:calc(14 * var(--u));color:#6b4a12;border-color:#cdbf9f;background:transparent}
.hm .ct-again:hover{background:#0b1219;color:#fff;border-color:#0b1219}

.ct-info{padding-top:calc(0 * var(--u))}
.ct-info .ct-eye{margin-top:calc(2 * var(--u))}
.ct-info .ct-h2{font-size:calc(21 * var(--u))}
.ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--u));margin-top:calc(22 * var(--u))}
.ct-ic{display:flex;align-items:flex-start;gap:calc(9 * var(--u));min-height:calc(74 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u));background:#fbf8f0;border:1px solid #eadfca;border-radius:calc(8 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(9 * var(--u)) rgba(130,95,30,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.ct-ic:hover{transform:translateY(-2px);border-color:#e6cf9f;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(130,95,30,.12)}
.ct-ico{display:grid;place-items:center;width:calc(29 * var(--u));height:calc(29 * var(--u));border-radius:calc(9 * var(--u));background:linear-gradient(180deg,#fde7c2,#f4cf92);color:#10181f;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(231,178,95,.3)}
.ct-ico svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}
.ct-ic h3{font:700 calc(8.2 * var(--u))/calc(11 * var(--u)) var(--font-h);color:#0b1219;margin-top:calc(2 * var(--u))}
.ct-ic p{font-size:calc(6.9 * var(--u));line-height:calc(10.6 * var(--u));color:#4d5f72;margin-top:calc(3 * var(--u));overflow-wrap:anywhere}
.ct-map{position:relative;margin-top:calc(20 * var(--u));height:calc(186 * var(--u));border-radius:calc(10 * var(--u));overflow:hidden;background:#06141a;border:1px solid rgba(231,178,95,.2)}
.ct-map-in{position:absolute;inset:0;transform-origin:35% 42%;transition:transform .35s ease}
.ct-map-in img{width:100%;height:100%;object-fit:cover}
.ct-tip{position:absolute;left:41.6%;top:26.4%;width:28.4%;height:26.4%;display:flex;flex-direction:column;justify-content:center;padding-left:3.6%;pointer-events:none}
.ct-tip strong{font:600 calc(7.1 * var(--u))/calc(10 * var(--u)) var(--font-h);color:#fff;white-space:nowrap}
.ct-tip span{font-size:calc(6.9 * var(--u));line-height:calc(10 * var(--u));color:#d4d8db;margin-top:calc(2 * var(--u))}
.ct-zoom{position:absolute;right:calc(10 * var(--u));bottom:calc(10 * var(--u));display:flex;flex-direction:column;border-radius:calc(5 * var(--u));overflow:hidden;box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.4)}
.ct-zoom button{width:calc(24 * var(--u));height:calc(23 * var(--u));border:0;background:#fffdf8;color:#1b2630;font:500 calc(12 * var(--u))/1 var(--font);transition:background .15s}
.ct-zoom button + button{border-top:1px solid #e5dcc8}
.ct-zoom button:hover{background:#f6e7c8}

/* ---------- why + faq ---------- */
.ct-why{background:#faf8f1;padding:0 0 calc(25 * var(--u))}
.ct-why-in{display:grid;grid-template-columns:calc(498 * var(--u)) 1fr;width:calc(928 * var(--u));max-width:100%;padding:calc(26 * var(--u)) calc(21 * var(--u)) calc(26 * var(--u)) calc(10 * var(--u));background:#f6f2e8;border-radius:calc(14 * var(--u));border:1px solid #f0e9d9}
.ct-why-p{max-width:calc(310 * var(--u));margin-top:calc(9 * var(--u))}
.ct-feats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:calc(31 * var(--u))}
.ct-feats li{padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));border-left:1px solid #e8dfcc}
.ct-feats li:first-child{border-left:0;padding-left:0}
.ct-fico{display:grid;place-items:center;width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(10 * var(--u));background:linear-gradient(180deg,#fde7c2,#f4cf92);color:#10181f}
.ct-fico svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.ct-feats h3{font:700 calc(8.2 * var(--u))/calc(11 * var(--u)) var(--font-h);color:#0b1219;margin-top:calc(11 * var(--u))}
.ct-feats p{font-size:calc(6.8 * var(--u));line-height:calc(10.4 * var(--u));color:#55657a;margin-top:calc(4 * var(--u))}
.ct-why-r{border-left:1px solid #e6dec9;padding-left:calc(26 * var(--u));margin-left:calc(-2 * var(--u))}
.ct-why-r .ct-h2{font-size:calc(20 * var(--u))}
.ct-faq{display:flex;flex-direction:column;gap:calc(4 * var(--u));margin-top:calc(14 * var(--u))}
.ct-q{background:#fcfaf5;border:1px solid #e8dfca;border-radius:calc(4 * var(--u));transition:border-color .2s}
.ct-q[open]{border-color:#dcc08a;background:#fffdf8}
.ct-q summary{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));min-height:calc(24 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(7.2 * var(--u));font-weight:500;color:#1b2630;cursor:pointer;list-style:none}
.ct-q summary::-webkit-details-marker{display:none}
.ct-q summary svg{width:calc(8.5 * var(--u));height:calc(8.5 * var(--u));color:#1b2630;stroke-width:2;transition:transform .2s}
.ct-q[open] summary svg{transform:rotate(45deg);color:#b87a1c}
.ct-q p{font-size:calc(7 * var(--u));line-height:calc(11.5 * var(--u));color:#4d5f72;padding:0 calc(10 * var(--u)) calc(9 * var(--u))}

/* ---------- CTA ---------- */
.ct-cta-sec{background:#faf8f1;padding:calc(0 * var(--u)) 0 calc(24 * var(--u))}
.ct-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:calc(110 * var(--u));padding:0 calc(27 * var(--u)) 0 calc(52 * var(--u));background:#030d12;border:1px solid rgba(231,178,95,.22);border-radius:calc(14 * var(--u));color:#fff}
.ct-cta::after{content:"";position:absolute;left:calc(280 * var(--u));top:0;width:calc(520 * var(--u));height:100%;background:url(../img/paynova/waves-cta.jpg) 0 0/100% 100% no-repeat;opacity:.9;-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent);pointer-events:none}
.ct-cta-l,.ct-cta-r{position:relative;z-index:1}
.ct-cta h2{font:700 calc(17 * var(--u))/calc(21 * var(--u)) var(--font-h);color:#fff;margin-top:calc(5 * var(--u))}
.ct-cta-l p:last-child{font-size:calc(7.2 * var(--u));line-height:calc(11 * var(--u));color:#dfe2e4;margin-top:calc(6 * var(--u))}
.ct-cta-r{display:flex;flex-direction:column;align-items:center;gap:calc(13 * var(--u))}
.hm .ct-cta-btn{width:calc(155 * var(--u));height:calc(38 * var(--u));padding:0;font-size:calc(8.6 * var(--u));border-radius:calc(8 * var(--u));gap:calc(8 * var(--u))}
.hm .ct-cta-btn svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}
.ct-talk{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(7.2 * var(--u));color:#f0c06c}
.ct-talk svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}
.ct-talk:hover{color:#fff}

.ct .ft-foot{margin-top:0}

/* =============== mobile / tablet =============== */
@media (max-width:899px){
  .ct-wrap{width:calc(100% - 32px)}
  .ct-eye,.ct-geye{font-size:11px;line-height:1.3;letter-spacing:1.2px}
  .ct-h2,.ct-h2-l,.ct-info .ct-h2,.ct-why-r .ct-h2,.ct-form-card .ct-h2{font-size:clamp(26px,7vw,34px);line-height:1.2;margin-top:10px}
  .ct-p{font-size:15px;line-height:1.65;margin-top:12px}

  .ct-hero{height:auto;padding-bottom:0;display:flex;flex-direction:column}
  .ct-hero .ft-hero-in{order:1;padding-top:92px}
  .ct-pill{height:30px;padding:0 14px 0 8px;font-size:12px;gap:8px}
  .ct-pill-ico{width:18px;height:18px}
  .ct-pill-ico svg{width:11px;height:11px}
  .ct-h1{font-size:clamp(32px,9vw,46px);line-height:1.12;margin-top:16px}
  .ct-lead{font-size:15px;line-height:1.65;max-width:540px;margin-top:16px}
  .ct-hero-art{order:2;position:relative;top:auto;right:auto;width:100%;height:auto;margin-top:22px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%)}
  .ct-hero-art img{height:auto}

  .ct-main{padding:34px 0 30px}
  .ct-main-in{grid-template-columns:minmax(0,1fr);row-gap:38px}
  .ct-card{border-radius:18px}
  .ct-form-card{padding:24px 18px 26px}
  .ct-form{margin-top:22px}
  .ct-row{grid-template-columns:minmax(0,1fr);column-gap:0}
  .ct-f{margin-bottom:16px}
  .ct-f label{font-size:14px;line-height:1.3;margin-bottom:7px}
  .ct-f input,.ct-f select,.ct-f textarea{font-size:16px;height:50px;padding:0 14px;border-radius:11px}
  .ct-f textarea{height:150px;padding:13px 14px}
  .ct-f select{padding-right:38px}
  .ct-sel svg{right:14px;width:16px;height:16px;margin-top:-8px}
  .ct-err{font-size:13px;line-height:1.35;margin-top:5px}
  .ct-status{font-size:14px;line-height:1.5;margin-bottom:14px}
  .ct-status.is-err{padding:11px 13px;border-radius:10px}
  .ct-send{height:52px;font-size:16px;border-radius:13px;gap:10px;margin-top:4px}
  .ct-send svg{width:18px;height:18px}
  .ct-noscript{font-size:13px}
  .ct-thanks{padding:36px 8px 30px}
  .ct-thanks-ico{width:64px;height:64px;margin-bottom:18px}
  .ct-thanks h3{font-size:24px;line-height:1.2}
  .ct-thanks p{font-size:15px;line-height:1.6;margin-top:10px;max-width:none}
  .hm .ct-again{height:48px;padding:0 24px;font-size:14px;border-radius:24px;margin-top:20px}

  .ct-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
  .ct-ic{min-height:0;gap:14px;padding:16px;border-radius:14px}
  .ct-ico{width:44px;height:44px;border-radius:13px}
  .ct-ico svg{width:20px;height:20px}
  .ct-ic h3{font-size:16px;line-height:1.3;margin-top:1px}
  .ct-ic p{font-size:14px;line-height:1.5;margin-top:4px}
  .ct-map{height:auto;aspect-ratio:438 / 185;margin-top:18px;border-radius:16px}
  .ct-tip strong{font-size:clamp(10px,2.9vw,15px);line-height:1.3}
  .ct-tip span{font-size:clamp(9.5px,2.7vw,14px);line-height:1.3;margin-top:2px}
  .ct-zoom{right:10px;bottom:10px;border-radius:8px}
  .ct-zoom button{width:34px;height:34px;font-size:18px}

  .ct-why{padding:0 0 28px}
  .ct-why-in{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);padding:26px 18px;border-radius:18px;row-gap:32px}
  .ct-why-p{max-width:none;margin-top:12px}
  .ct-feats{grid-template-columns:1fr 1fr;gap:22px 0;margin-top:24px}
  .ct-feats li{padding:0 10px 0 14px}
  .ct-feats li:nth-child(odd){border-left:0;padding-left:0}
  .ct-fico{width:46px;height:46px;border-radius:13px}
  .ct-fico svg{width:22px;height:22px}
  .ct-feats h3{font-size:16px;line-height:1.3;margin-top:12px}
  .ct-feats p{font-size:14px;line-height:1.5;margin-top:4px}
  .ct-why-r{border-left:0;border-top:1px solid #e6dec9;padding:28px 0 0;margin-left:0}
  .ct-faq{gap:8px;margin-top:18px}
  .ct-q{border-radius:11px}
  .ct-q summary{min-height:52px;padding:10px 14px;font-size:15px;line-height:1.4;gap:12px}
  .ct-q summary svg{width:18px;height:18px}
  .ct-q p{font-size:14.5px;line-height:1.6;padding:0 14px 14px}

  .ct-cta-sec{padding:0 0 28px}
  .ct-cta{flex-direction:column;align-items:flex-start;gap:24px;height:auto;padding:28px 20px;border-radius:18px}
  .ct-cta::after{left:0;width:100%;opacity:.45}
  .ct-cta h2{font-size:clamp(24px,6.6vw,30px);line-height:1.2;margin-top:8px}
  .ct-cta-l p:last-child{font-size:15px;line-height:1.6;margin-top:10px}
  .ct-cta-r{align-items:flex-start;gap:16px;width:100%}
  .hm .ct-cta-btn{width:100%;height:52px;font-size:16px;border-radius:13px;gap:10px}
  .hm .ct-cta-btn svg{width:16px;height:16px}
  .ct-talk{font-size:15px;gap:8px}
  .ct-talk svg{width:17px;height:17px}
}
@media (prefers-reduced-motion:reduce){
  .ct-ic,.ct-send,.ct-map-in,.ct-q summary svg{transition:none}
}