/* =========================================================
   Ori X Pay  -  Features page
   Header / buttons / footer-base = paynova-home.css (same classes).
   Desktop sizes are written as  N u  (calc(N * var(--u))) = N px on the
   1024px reference design, scaling with screen width (same as home page).
   ========================================================= */
body.ft{background:#fbf9f1}
.ft-wrap{position:relative;margin:0 auto;width:calc(850 * var(--u))}
.ft svg,.ft img{display:block;flex:none}

/* ---------- shared bits ---------- */
.ft-tag{display:block;width:max-content;font-size:calc(6.6 * var(--u));font-weight:700;letter-spacing:calc(.9 * var(--u));text-transform:uppercase;color:#c4801d;background:rgba(231,178,95,.2);border-radius:calc(4 * var(--u));padding:calc(2.2 * var(--u)) calc(6 * var(--u));line-height:1}
.ft-h2{font:800 calc(20 * var(--u))/calc(21 * var(--u)) var(--font-h);color:#0b1219;letter-spacing:calc(-.3 * var(--u));margin-top:calc(4 * var(--u))}
.ft-h2-big{font-size:calc(24 * var(--u));line-height:calc(26 * var(--u));margin-top:calc(4 * var(--u));letter-spacing:calc(-.4 * var(--u))}
.ft-brown{background:linear-gradient(90deg,#c9893a,#d8a458);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- hero ---------- */
.ft-hero{position:relative;background:#02090d;color:#fff;height:calc(308 * var(--u));overflow:hidden}
.ft-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 80% 55%,rgba(231,150,40,.16),transparent 70%)}
.ft-hero-art{position:absolute;right:0;top:calc(46 * var(--u));width:calc(594 * var(--u));height:calc(262 * var(--u));z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%);mask-image:linear-gradient(to right,transparent 0,#000 9%)}
.ft-hero-art img{width:100%;height:100%;object-fit:cover}
.ft-hero-in{position:relative;z-index:2;padding-top:calc(64 * var(--u))}
.ft-pill{display:flex;width:max-content;align-items:center;height:calc(17 * var(--u));padding:0 calc(11 * var(--u));border:1px solid rgba(231,178,95,.85);border-radius:999px;font-size:calc(7.8 * var(--u));font-weight:600;color:#f3d8a3;background:rgba(231,178,95,.06);line-height:1}
.ft-h1{font:700 calc(26.5 * var(--u))/calc(31.5 * var(--u)) var(--font-h);letter-spacing:calc(-.3 * var(--u));margin-top:calc(8 * var(--u));color:#fff}
.ft-lead{max-width:none;font-size:calc(9.6 * var(--u));line-height:calc(16 * var(--u));color:#e3e5e6;margin-top:calc(5.5 * var(--u))}
.ft-cta-row{display:flex;gap:calc(13 * var(--u));margin-top:calc(16 * var(--u))}
.ft-btn{height:calc(28 * var(--u));font-size:calc(8.8 * var(--u));border-radius:calc(14 * var(--u));width:calc(130 * var(--u));padding:0}
.ft-btn-ghost{width:calc(114 * var(--u))}

/* ---------- why ---------- */
.ft-why{background:#fbf9f1;height:calc(260 * var(--u));position:relative;overflow:hidden}
.ft-why-in{height:100%;padding-top:calc(18 * var(--u))}
.ft-why-txt{position:relative;z-index:2;width:calc(380 * var(--u))}
.ft-why-p{max-width:none;font-size:calc(10 * var(--u));line-height:calc(16.4 * var(--u));color:#45586b;margin-top:calc(7 * var(--u))}
.ft-wstats{display:grid;grid-template-columns:calc(92.5 * var(--u)) calc(72.5 * var(--u)) calc(97 * var(--u)) auto;margin-top:calc(19 * var(--u))}
.ft-ws{padding:0 calc(10 * var(--u)) 0 calc(12 * var(--u));border-left:1px solid #e8dfcc}
.ft-ws:first-child{border-left:0;padding-left:0}
.ft-wico{display:grid;place-items:center;width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(7 * var(--u));background:linear-gradient(180deg,#fdecd2,#f8dcb2);color:#16202a}
.ft-wico svg{width:calc(13.5 * var(--u));height:calc(13.5 * var(--u));stroke-width:1.7}
.ft-ws strong{display:block;font:600 calc(12 * var(--u))/calc(14 * var(--u)) var(--font-h);color:#0b1219;margin-top:calc(6 * var(--u));white-space:nowrap}
.ft-ws small{display:block;font-size:calc(8.8 * var(--u));line-height:calc(12 * var(--u));color:#55667a;margin-top:calc(3 * var(--u));white-space:nowrap}
.ft-why-art{position:absolute;left:calc(361 * var(--u));top:calc(14 * var(--u));width:calc(544 * var(--u));height:calc(228 * var(--u));z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%)}
.ft-why-art img{width:100%;height:100%;object-fit:cover}

/* ---------- features ---------- */
.ft-feat{background:#f8f4eb;height:calc(327 * var(--u));padding-top:calc(13 * var(--u))}
.ft-feat-head{display:flex;justify-content:space-between;align-items:flex-start}
.ft-feat-p{max-width:none;font-size:calc(9 * var(--u));line-height:calc(14 * var(--u));color:#4d5f72;margin-top:calc(4.5 * var(--u))}
.ft-tabs{display:flex;align-items:center;margin-top:calc(19.5 * var(--u));height:calc(33 * var(--u));padding:0 calc(4 * var(--u));background:rgba(255,255,255,.72);border:1px solid #ece5d4;border-radius:999px;box-shadow:0 calc(2 * var(--u)) calc(10 * var(--u)) rgba(130,95,30,.06)}
.ft-tabs button{height:calc(24 * var(--u));padding:0 calc(18 * var(--u));border:0;border-radius:999px;background:transparent;font:500 calc(8 * var(--u)) var(--font);color:#2b3b4a;white-space:nowrap;transition:.2s}
.ft-tabs button:first-child{padding:0 calc(13 * var(--u))}
.ft-tabs button:hover{color:#b87a1c}
.ft-tabs button.is-on{background:#05151b;color:#fff;font-weight:600}
.ft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14 * var(--u)) calc(15 * var(--u));margin-top:calc(12 * var(--u))}
.ft-card{position:relative;display:block;height:calc(91 * var(--u));padding:calc(6 * var(--u)) calc(34 * var(--u)) 0 calc(13 * var(--u));background:#fbf9f2;border:1px solid #efeadd;border-radius:calc(9 * 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}
.ft-card[hidden]{display:none}
.ft-card:hover{transform:translateY(-2px);border-color:#e6cf9f;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(130,95,30,.12)}
.ft-cico{display:grid;place-items:center;width:calc(29 * var(--u));height:calc(29 * var(--u));margin-left:calc(-6 * 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)}
.ft-cico svg{width:calc(15.5 * var(--u));height:calc(15.5 * var(--u));stroke-width:1.9}
.ft-card h3{font:700 calc(9.3 * var(--u))/calc(12 * var(--u)) var(--font-h);color:#0b1219;margin-top:calc(7 * var(--u))}
.ft-card p{font-size:calc(8.2 * var(--u));line-height:calc(12.4 * var(--u));color:#55657a;margin-top:calc(3 * var(--u))}
.ft-carrow{position:absolute;right:calc(13 * var(--u));bottom:calc(16 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));color:#1b2630;transition:transform .2s}
.ft-card:hover .ft-carrow{transform:translateX(3px);color:#b87a1c}

/* ---------- built for growth ---------- */
.ft-grow-sec{background:#fcfaf4;height:calc(140 * var(--u));padding-top:calc(12 * var(--u))}
.ft-gwrap{width:calc(864 * var(--u));margin:0 auto}
.ft-grow{position:relative;overflow:hidden;display:grid;grid-template-columns:calc(347 * var(--u)) 1fr calc(137 * var(--u));align-items:center;height:calc(118 * var(--u));padding-right:calc(23 * var(--u));background:#030d12;border:1px solid rgba(231,178,95,.22);border-radius:calc(10 * var(--u));color:#fff}
.ft-grow::after{content:"";position:absolute;left:calc(300 * 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}
.ft-grow-l,.ft-grow-stats,.ft-grow-r{position:relative;z-index:1}
.ft-grow-l{padding-left:calc(23 * var(--u));padding-top:calc(15 * var(--u));align-self:start}
.ft-geye{font-size:calc(6.8 * var(--u));font-weight:700;letter-spacing:calc(1 * var(--u));text-transform:uppercase;color:#e8a73f}
.ft-grow h2{font:700 calc(17 * var(--u))/calc(20 * var(--u)) var(--font-h);color:#fff;margin-top:calc(4.5 * var(--u))}
.ft-grow-p{font-size:calc(8.7 * var(--u));line-height:calc(15 * var(--u));color:#dfe2e4;margin-top:calc(6 * var(--u));max-width:none}
.ft-grow-stats{display:grid;grid-template-columns:calc(154 * var(--u)) calc(154 * var(--u));gap:calc(15 * var(--u)) 0;align-content:center}
.ft-gs{display:flex;align-items:center;gap:calc(10 * var(--u))}
.ft-gico{display:grid;place-items:center;width:calc(29 * var(--u));height:calc(29 * var(--u));border-radius:calc(8 * var(--u));background:rgba(231,178,95,.1);border:1px solid rgba(231,178,95,.35);color:#e7b25f}
.ft-gico svg{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:1.9}
.ft-gs strong{display:block;font:600 calc(12.2 * var(--u))/calc(14 * var(--u)) var(--font-h);color:#fff;white-space:nowrap}
.ft-gs small{display:block;font-size:calc(8.4 * var(--u));line-height:calc(11 * var(--u));color:#c5cbd0;margin-top:calc(1 * var(--u));white-space:nowrap}
.ft-grow-r{display:flex;flex-direction:column;align-items:center;gap:calc(13 * var(--u));justify-self:end}
.ft-gbtn{width:calc(137 * var(--u));height:calc(30 * var(--u));border-radius:999px;font-size:calc(8.8 * var(--u));padding:0}
.ft-talk{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(8.3 * var(--u));color:#f1e6cf;white-space:nowrap}
.ft-talk svg{width:calc(9.5 * var(--u));height:calc(9.5 * var(--u));color:#e7b25f;stroke-width:1.8}
.ft-talk:hover{color:#e7b25f}

/* ---------- testimonials ---------- */
.ft-test-sec{background:#fcf9f4;height:calc(200 * var(--u));padding-top:calc(10 * var(--u))}
.ft-test-head,.ft-faq-head{display:flex;justify-content:space-between;align-items:flex-start}
.ft-teye{font-size:calc(6.4 * var(--u));font-weight:700;letter-spacing:calc(.9 * var(--u));text-transform:uppercase;color:#c4801d;line-height:calc(10 * var(--u))}
.ft-h2t{font:700 calc(15.6 * var(--u))/calc(19 * var(--u)) var(--font-h);color:#0b1219;margin-top:calc(3 * var(--u));letter-spacing:calc(-.2 * var(--u))}
.ft-tsub{max-width:none;font-size:calc(8.2 * var(--u));line-height:calc(13 * var(--u));color:#4d5f72;margin-top:calc(3 * var(--u))}
.ft-arrows{display:flex;gap:calc(7 * var(--u));margin-top:calc(21 * var(--u))}
.ft-arrows button{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;border:1px solid #d9d3c6;background:#fffdf8;color:#1b2630;display:grid;place-items:center;transition:.2s}
.ft-arrows button:hover{border-color:#e0a64a;color:#b87a1c}
.ft-arrows svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.ft-tcards{display:grid;grid-auto-flow:column;grid-auto-columns:calc(202.75 * var(--u));gap:calc(13 * var(--u));margin-top:calc(13 * var(--u));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ft-tcards::-webkit-scrollbar{display:none}
.ft-tc{scroll-snap-align:start;height:calc(102 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u)) 0;background:#030d12;border:1px solid rgba(231,178,95,.14);border-radius:calc(9 * var(--u));display:flex;flex-direction:column;color:#fff}
.ft-tc-top{display:flex;align-items:center;gap:calc(12 * var(--u))}
.ft-av{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:50%}
.ft-tc strong{display:block;font-size:calc(8.4 * var(--u));font-weight:600;color:#fff;line-height:calc(11 * var(--u))}
.ft-tc small{display:block;font-size:calc(7.2 * var(--u));color:#b4bbc0;line-height:calc(11 * var(--u))}
.ft-tc p{font-size:calc(8.1 * var(--u));line-height:calc(11.6 * var(--u));color:#e6e8e9;margin-top:calc(4 * var(--u));padding-right:calc(6 * var(--u));flex:1;overflow:hidden}
.ft-stars{display:flex;align-items:center;gap:calc(1.5 * var(--u));padding-bottom:calc(9 * var(--u))}
.ft-stars svg{width:calc(10.5 * var(--u));height:calc(10.5 * var(--u))}
.ft-stars b{font-size:calc(8.4 * var(--u));font-weight:600;color:#ececec;margin-left:calc(5 * var(--u))}

/* ---------- FAQ ---------- */
.ft-faq-sec{background:#fcfaf3;height:calc(149 * var(--u));padding-top:calc(5 * var(--u))}
.ft-faq-sec .ft-h2t{margin-top:calc(1.5 * var(--u))}
.ft-viewall{display:inline-flex;align-items:center;gap:calc(5 * var(--u));height:calc(21.5 * var(--u));margin:calc(9 * var(--u)) calc(-7 * var(--u)) 0 0;padding:0 calc(11 * var(--u));border:1px solid #e6dfd0;border-radius:999px;background:#fffdf8;font-size:calc(7.4 * var(--u));font-weight:600;color:#0b1219;white-space:nowrap;transition:.2s}
.ft-viewall svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}
.ft-viewall:hover{border-color:#e0a64a;color:#b87a1c}
.ft-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(23 * var(--u));margin:calc(5.5 * var(--u)) calc(-7 * var(--u)) 0 calc(-1 * var(--u));align-items:start}
.ft-faq-col{display:flex;flex-direction:column;gap:calc(4 * var(--u))}
.ft-q{background:#fbf9f1;border:1px solid #ece8dc;border-radius:calc(5 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(130,95,30,.04)}
.ft-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:calc(19.5 * var(--u));padding:0 calc(14 * var(--u));font-size:calc(8.3 * var(--u));font-weight:500;color:#16212c;cursor:pointer}
.ft-q summary::-webkit-details-marker{display:none}
.ft-q summary svg{width:calc(9.5 * var(--u));height:calc(9.5 * var(--u));color:#16212c;transition:transform .2s}
.ft-q[open] summary svg{transform:rotate(45deg)}
.ft-q[open]{border-color:#e6cf9f;background:#fffdf8}
.ft-q p{padding:0 calc(14 * var(--u)) calc(9 * var(--u));font-size:calc(7.6 * var(--u));line-height:calc(12 * var(--u));color:#55657a}

/* ---------- footer ---------- */
.ft-foot{margin-top:0;padding-top:calc(14 * var(--u));background:#020e13}
.ft-fwrap{position:relative;margin:0 auto;width:calc(878 * var(--u))}
.ft-foot-in{display:grid;grid-template-columns:calc(229 * var(--u)) calc(116 * var(--u)) calc(132 * var(--u)) calc(187 * var(--u)) 1fr}
.ft-fbrand{display:flex;align-items:flex-start;gap:calc(7 * var(--u));padding-left:calc(12 * var(--u))}
.ft-fbrand .hm-logo{width:calc(27 * var(--u));height:calc(30 * var(--u))}
.ft-fbrand-txt{display:flex;flex-direction:column;line-height:1.2;padding-top:calc(3 * var(--u))}
.ft-fname{font:600 calc(14 * var(--u)) var(--font-h);color:#fff}
.ft-fbrand-txt p{font-size:calc(6.4 * var(--u));color:#cdbd9d;margin-top:calc(2 * var(--u))}
.ft-fcol h4,.ft-fnews h4{font-size:calc(7.5 * var(--u));font-weight:700;color:#fff;line-height:calc(11 * var(--u));margin:calc(1 * var(--u)) 0 calc(4 * var(--u))}
.ft-fcol a{display:block;font-size:calc(7.6 * var(--u));line-height:calc(12.7 * var(--u));color:#dde1e3;transition:color .2s}
.ft-fcol a:hover{color:#e7b25f}
.ft-fnews{max-width:calc(208 * var(--u))}
.ft-fnews p{font-size:calc(6.7 * var(--u));color:#b4bcc1;margin:calc(-2 * var(--u)) 0 calc(7 * var(--u));line-height:calc(8 * var(--u))}
.ft-nl{display:flex;align-items:center;height:calc(21.5 * var(--u));border:1px solid rgba(231,178,95,.25);border-radius:calc(8 * var(--u));padding:0 calc(2.5 * var(--u)) 0 calc(9 * var(--u));background:rgba(255,255,255,.04)}
.ft-nl input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:calc(7.2 * var(--u)) var(--font)}
.ft-nl input::placeholder{color:#7d868d}
.ft-nl button{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%;border:0;background:linear-gradient(180deg,#f7dcaa,#dba55a);color:#1b1408;display:grid;place-items:center}
.ft-nl button svg{width:calc(8.5 * var(--u));height:calc(8.5 * var(--u))}
.ft-soc{display:flex;gap:calc(10.5 * var(--u));margin-top:calc(5 * var(--u))}
.ft-soc a{width:calc(19 * var(--u));height:calc(19 * var(--u));border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff;display:grid;place-items:center;transition:.2s}
.ft-soc a:hover{background:rgba(231,178,95,.15);border-color:#e7b25f}
.ft-soc svg{width:calc(10.5 * var(--u));height:calc(10.5 * var(--u))}
.ft-fbar{display:flex;justify-content:space-between;align-items:center;margin-top:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(3 * var(--u)) calc(29 * var(--u));border-top:1px solid #122127;font-size:calc(7.4 * var(--u));color:#c4c9cc}
.ft-fbar-links{display:flex;gap:calc(24 * var(--u))}
.ft-fbar a{color:inherit}
.ft-fbar a:hover{color:#e7b25f}

/* =============== mobile / tablet =============== */
@media (max-width:899px){
  .ft-br{display:none}
  .ft-wrap,.ft-fwrap,.ft-gwrap{width:calc(100% - 32px)}
  .ft-tag{font-size:10.5px;padding:5px 9px;border-radius:6px;letter-spacing:1.2px}
  .ft-h2{font-size:clamp(25px,6.6vw,34px);line-height:1.18;margin-top:12px}
  .ft-h2-big{font-size:clamp(28px,7.6vw,38px);line-height:1.15;margin-top:14px}

  .ft-hero{height:auto;padding-bottom:0;display:flex;flex-direction:column}
  .ft-hero-in{order:1;padding-top:92px}
  .ft-pill{height:30px;padding:0 14px;font-size:12px}
  .ft-h1{font-size:clamp(30px,8.2vw,46px);line-height:1.14;margin-top:16px;letter-spacing:-.4px}
  .ft-lead{font-size:15px;line-height:1.65;max-width:540px;margin-top:16px}
  .ft-cta-row{flex-wrap:wrap;gap:12px;margin-top:24px}
  .ft-btn,.ft-btn-ghost{width:auto;flex:1 1 150px;height:48px;font-size:14px;border-radius:24px}
  .ft-hero-art{order:2;position:relative;top:auto;right:auto;width:100%;height:auto;margin-top:26px;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%)}
  .ft-hero-art img{height:auto}

  .ft-why{height:auto;padding:38px 0 30px}
  .ft-why-in{padding-top:0}
  .ft-why-txt{width:auto}
  .ft-why-p{font-size:14px;line-height:1.65;max-width:560px;margin-top:14px}
  .ft-wstats{grid-template-columns:1fr 1fr;gap:22px 0;margin-top:26px}
  .ft-ws{padding:0 0 0 16px}
  .ft-ws:nth-child(odd){border-left:0;padding-left:0}
  .ft-wico{width:40px;height:40px;border-radius:12px}.ft-wico svg{width:20px;height:20px}
  .ft-ws strong{font-size:20px;line-height:1.2;margin-top:12px}.ft-ws small{font-size:13px;line-height:1.3;margin-top:3px}
  .ft-why-art{position:relative;left:auto;top:auto;width:calc(100% + 32px);height:auto;margin:26px -16px 0}
  .ft-why-art img{height:auto}

  .ft-feat{height:auto;padding:36px 0 34px}
  .ft-feat-head{flex-direction:column;gap:20px}
  .ft-feat-p{font-size:14px;line-height:1.6;max-width:540px;margin-top:12px}
  .ft-tabs{margin-top:0;height:auto;padding:5px;max-width:100%;overflow-x:auto;scrollbar-width:none;align-self:flex-start;border-radius:999px}
  .ft-tabs::-webkit-scrollbar{display:none}
  .ft-tabs button{height:40px;padding:0 13px!important;font-size:12.5px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
  .ft-card{height:auto;min-height:168px;padding:14px 12px 40px;border-radius:14px}
  .ft-cico{width:42px;height:42px;margin-left:0;border-radius:12px}.ft-cico svg{width:21px;height:21px}
  .ft-card h3{font-size:14px;line-height:1.3;margin-top:12px}
  .ft-card p{font-size:12.5px;line-height:1.5;margin-top:5px}
  .ft-carrow{width:15px;height:15px;right:14px;bottom:13px}

  .ft-grow-sec{height:auto;padding:10px 0 12px}
  .ft-grow{grid-template-columns:minmax(0,1fr);height:auto;padding:26px 20px;gap:22px;border-radius:18px}
  .ft-grow::after{left:0;width:100%;opacity:.45}
  .ft-grow-l{padding-left:0}
  .ft-geye{font-size:10.5px;letter-spacing:1.3px}
  .ft-grow h2{font-size:26px;line-height:1.2;margin-top:8px}
  .ft-grow-p{font-size:13.5px;line-height:1.6;max-width:none;margin-top:10px}
  .ft-grow-stats{grid-template-columns:1fr 1fr;gap:18px 12px}
  .ft-gs{gap:10px}
  .ft-gico{width:40px;height:40px;border-radius:11px}.ft-gico svg{width:20px;height:20px}
  .ft-gs strong{font-size:15px;line-height:1.2}.ft-gs small{font-size:11.5px}
  .ft-grow-r{align-items:flex-start;justify-self:start;gap:16px}
  .ft-gbtn{width:auto;height:48px;padding:0 30px;font-size:14.5px}
  .ft-talk{font-size:13.5px;gap:7px}.ft-talk svg{width:16px;height:16px}

  .ft-test-sec{height:auto;padding:26px 0 8px}
  .ft-test-head,.ft-faq-head{gap:10px}
  .ft-teye{font-size:10.5px;line-height:1.4;letter-spacing:1.3px}
  .ft-h2t,.ft-faq-sec .ft-h2t{font-size:23px;line-height:1.2;margin-top:6px}
  .ft-tsub{font-size:13.5px;line-height:1.55;max-width:none;margin-top:8px}
  .ft-arrows{margin-top:0;gap:8px}.ft-arrows button{width:38px;height:38px}.ft-arrows svg{width:16px;height:16px}
  .ft-tcards{grid-auto-columns:86%;gap:12px;margin-top:20px}
  .ft-tc{height:auto;min-height:170px;padding:16px 16px 0;border-radius:16px}
  .ft-av{width:42px;height:42px}.ft-tc strong{font-size:14px;line-height:1.3}.ft-tc small{font-size:12px;line-height:1.3}
  .ft-tc-top{gap:12px}
  .ft-tc p{font-size:13.5px;line-height:1.6;margin:12px 0}
  .ft-stars{padding-bottom:16px;gap:2px}.ft-stars svg{width:15px;height:15px}.ft-stars b{font-size:13px;margin-left:7px}

  .ft-faq-sec{height:auto;padding:30px 0 34px}
  .ft-faq-head{align-items:flex-start;flex-wrap:wrap}
  .ft-viewall{height:40px;margin-top:6px;padding:0 18px;font-size:13px;gap:8px}.ft-viewall svg{width:14px;height:14px}
  .ft-faq-grid{grid-template-columns:1fr;gap:8px;margin:18px 0 0}
  .ft-faq-col{gap:8px}
  .ft-q{border-radius:12px}
  .ft-q summary{min-height:52px;padding:10px 16px;font-size:14px;gap:12px}
  .ft-q summary svg{width:16px;height:16px}
  .ft-q p{padding:0 16px 16px;font-size:13.5px;line-height:1.6}

  .ft-foot{padding-top:34px}
  .ft-foot-in{grid-template-columns:1fr 1fr;gap:26px 20px}
  .ft-fbrand,.ft-fnews{grid-column:1/-1}
  .ft-fbrand{padding-left:0;align-items:center;gap:10px}
  .ft-fbrand .hm-logo{width:30px;height:34px}
  .ft-fbrand-txt{padding-top:0}
  .ft-fname{font-size:20px}.ft-fbrand-txt p{font-size:12px;margin-top:4px}
  .ft-fcol h4,.ft-fnews h4{font-size:13.5px;line-height:1.3;margin:0 0 10px}
  .ft-fcol a{font-size:13px;line-height:1;padding:7px 0}
  .ft-fnews{max-width:none}
  .ft-fnews p{font-size:12px;line-height:1.4;margin:-4px 0 12px}
  .ft-nl{height:46px;border-radius:12px;padding:0 5px 0 14px}.ft-nl input{font-size:14px}.ft-nl button{width:34px;height:34px}.ft-nl button svg{width:16px;height:16px}
  .ft-soc{gap:10px;margin-top:16px}.ft-soc a{width:36px;height:36px}.ft-soc svg{width:17px;height:17px}
  .ft-fbar{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px;padding:18px 0 26px;font-size:12px}
  .ft-fbar-links{flex-wrap:wrap;gap:10px 22px}
}
@media (max-width:339px){
  .ft-grid{grid-template-columns:1fr}
  .ft-card{min-height:0}
}