/* =========================================================
   Ori X Pay home page  -  dark + gold theme
   Desktop sizes are written as  N u  (calc(1 * var(--u)) = 1px on the 1024px
   reference design, scales with screen width).
   ========================================================= */
:root{
  --bg-d:#050f14; --gold:#e7b25f; --gold-l:#f6d9a4;
  --ink:#0b1219; --mut:#6b7580; --line:#ebdfca; --cream:#fbfaf5;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-h:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:56px}
body.hm{--u:1.4px;font-family:var(--font);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
@media (min-width:600px){ body.hm{--u:1.7px} }
@media (min-width:900px){ body.hm{--u:calc(min(100vw,1700px)/1024)} }
.hm svg,.hm img{display:block;flex:none}
.hm a{text-decoration:none;color:inherit}
.hm ul{list-style:none}
.hm button{font-family:inherit;cursor:pointer}
.hm :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.hm-wrap{position:relative;margin:0 auto;width:calc(100% - 36px)}

/* ---------- buttons ---------- */
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));font-weight:600;font-size:calc(9.5 * var(--u));line-height:1;border-radius:calc(9 * var(--u));white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s;height:calc(31 * var(--u));padding:0 calc(20 * var(--u))}
.hm-btn svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}
.hm .hm-btn-gold{background:linear-gradient(180deg,#f7dcaa,#dba55a);color:#1b1408;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) calc(-6 * var(--u)) rgba(231,178,95,.55)}
.hm .hm-btn-gold:hover{transform:translateY(-1px);box-shadow:0 calc(9 * var(--u)) calc(20 * var(--u)) calc(-6 * var(--u)) rgba(231,178,95,.8)}
.hm .hm-btn-ghost{background:rgba(255,255,255,.02);border:1px solid rgba(231,178,95,.75);color:#f4e3c3}
.hm .hm-btn-ghost:hover{background:rgba(231,178,95,.12)}
.hm-btn-lg{height:calc(31 * var(--u));font-size:calc(9 * var(--u));border-radius:calc(9 * var(--u))}

/* ---------- header ---------- */
.hm-head{position:fixed;left:0;right:0;top:0;z-index:50;height:calc(48 * var(--u));min-height:56px;transition:background .25s,box-shadow .25s}
.hm-head.is-stuck{background:rgba(5,15,20,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(231,178,95,.18)}
.hm-head .hm-wrap{width:calc(100% - 36px)}
.hm-nav{height:100%;display:flex;align-items:center}
.hm-brand{display:flex;align-items:center;gap:calc(8 * var(--u));color:#fff}
.hm-logo{width:calc(28 * var(--u));height:calc(32 * var(--u));object-fit:contain}
.hm-brand-txt{display:flex;flex-direction:column;line-height:1.15}
.hm-brand-name{font:600 calc(15 * var(--u)) var(--font-h);color:#fff;letter-spacing:calc(-.1 * var(--u))}
.hm-brand-tag{font-size:calc(6.5 * var(--u));color:#b7a98f;margin-top:calc(2 * var(--u));white-space:nowrap}
.hm-menu{display:flex;align-items:center;gap:calc(27 * var(--u));margin-left:calc(31 * var(--u))}
.hm-menu a:not(.hm-btn){position:relative;font-size:calc(9.5 * var(--u));font-weight:500;color:#f1ece1;padding:calc(6 * var(--u)) 0;transition:color .2s;white-space:nowrap}
.hm-menu a:not(.hm-btn):hover,.hm-menu a.is-active{color:var(--gold)}
.hm-menu a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:calc(-8 * var(--u));height:calc(1.5 * var(--u));border-radius:calc(2 * var(--u));background:var(--gold)}
.hm-menu-login{display:none}
.hm-actions{display:flex;align-items:center;margin-left:auto}
.hm-login-btn{height:calc(30 * var(--u));padding:0 calc(19 * var(--u))}
.hm-burger{display:none;width:42px;height:42px;border:1px solid rgba(231,178,95,.5);border-radius:11px;background:rgba(255,255,255,.04);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.hm-burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--gold);transition:.2s}
.hm-menu-open .hm-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hm-menu-open .hm-burger i:nth-child(2){opacity:0}
.hm-menu-open .hm-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- hero ---------- */
.hm-hero{position:relative;background:var(--bg-d);color:#fff;overflow:hidden;min-height:calc(380 * var(--u));padding-top:calc(73 * var(--u))}
.hm-hero-bg{display:none}
.hm-hero .hm-hero-in{position:static}
.hm-hero-txt{position:relative;z-index:2}
.hm-pill{display:inline-flex;align-items:center;gap:calc(6 * var(--u));height:calc(20 * var(--u));padding:0 calc(11 * var(--u)) 0 calc(8 * var(--u));border:1px solid rgba(231,178,95,.85);border-radius:999px;font-size:calc(8.5 * var(--u));font-weight:600;color:#f7ecd6;background:rgba(231,178,95,.05)}
.hm-pill svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}
.hm-pill i{width:calc(3 * var(--u));height:calc(3 * var(--u));border-radius:50%;background:#f1deb8;margin:0 calc(1 * var(--u))}
.hm-h1{font:800 calc(36.5 * var(--u))/calc(34.5 * var(--u)) var(--font-h);letter-spacing:calc(-.4 * var(--u));margin:calc(8 * var(--u)) 0 0}
.hm-gold{background:linear-gradient(90deg,#f8cd84,#e8a447);-webkit-background-clip:text;background-clip:text;color:transparent}
.hm-lead{max-width:calc(345 * var(--u));font-size:calc(11.5 * var(--u));line-height:calc(17 * var(--u));color:#e6e8ea;margin-top:calc(9 * var(--u))}
.hm-cta-row{display:flex;gap:calc(14 * var(--u));margin-top:calc(18 * var(--u))}
.hm-cta-row .hm-btn-gold{width:calc(142 * var(--u))}
.hm-cta-row .hm-btn-ghost{width:calc(132 * var(--u))}
.hm-trust{display:flex;gap:calc(22 * var(--u));margin-top:calc(23 * var(--u))}
.hm-trust li{display:flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(8.5 * var(--u));font-weight:500;color:#f0f0f0;white-space:nowrap}
.hm-trust svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}
.hm-art{position:absolute;right:0;bottom:0;width:calc(584 * var(--u));height:calc(326 * var(--u));z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 0,#000 8%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 0,#000 8%);mask-composite:intersect}
.hm-art img{width:100%;height:100%}

/* ---------- common section type ---------- */
.hm-sec{text-align:center}
.hm-eyebrow{font-size:calc(7.5 * var(--u));font-weight:700;letter-spacing:calc(1.6 * var(--u));text-transform:uppercase;color:#3d4650}
.hm-h2{font:500 calc(25 * var(--u))/calc(25 * var(--u)) var(--font-h);color:var(--ink);margin-top:calc(11 * var(--u));letter-spacing:calc(-.4 * var(--u))}
.hm-h2 b{font-weight:800}
.hm-sub{max-width:calc(520 * var(--u));margin:calc(9 * var(--u)) auto 0;font-size:calc(9.5 * var(--u));line-height:calc(14 * var(--u));color:#3f5a70}

/* features */
.hm-feat{padding:calc(16 * var(--u)) 0 calc(31 * var(--u))}
.hm-feat .hm-wrap{width:calc(870 * var(--u))}
.hm-feat-row{display:grid;grid-template-columns:142fr 159fr 167fr 155fr 146fr 124fr;margin-right:calc(-23 * var(--u));margin-top:calc(19 * var(--u));text-align:left}
.hm-f{padding:0 calc(22 * var(--u)) 0 calc(26 * var(--u));border-left:1px solid var(--line)}
.hm-f:first-child{border-left:0;padding-left:0}
.hm-f:last-child{padding-right:0}
.hm-ico{display:grid;place-items:center;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:linear-gradient(180deg,#fdecd2,#f9dfb8);color:#10181f;margin-bottom:calc(11 * var(--u))}
.hm-ico svg{width:calc(19 * var(--u));height:calc(19 * var(--u))}
.hm-f h3{font:700 calc(9.5 * var(--u))/calc(12 * var(--u)) var(--font-h);color:var(--ink);margin-bottom:calc(4 * var(--u))}
.hm-f p{font-size:calc(8.5 * var(--u));line-height:calc(13 * var(--u));color:var(--mut)}

/* trust band */
.hm-band-sec .hm-wrap{width:calc(930 * var(--u))}
.hm-band{display:grid;grid-template-columns:534fr 396fr;align-items:center;height:calc(212 * var(--u));background:linear-gradient(180deg,#faf4e9,#f7efe0);border:1px solid #f1e6d1;border-radius:calc(14 * var(--u));padding-left:calc(31 * var(--u))}
.hm-gold-eyebrow{font-size:calc(6.8 * var(--u));font-weight:700;letter-spacing:calc(1.1 * var(--u));text-transform:uppercase;color:#c4801d}
.hm-h2b{font:800 calc(25 * var(--u))/calc(26 * var(--u)) var(--font-h);color:var(--ink);margin:calc(11 * var(--u)) 0 calc(12 * var(--u));letter-spacing:calc(-.4 * var(--u))}
.hm-band-p{font-size:calc(9.5 * var(--u));line-height:calc(15 * var(--u));color:#4f5c68}
.hm-logos{margin:calc(12 * var(--u)) 0 0 calc(-4 * var(--u))}
.hm-logos img{width:calc(472 * var(--u));height:calc(31 * var(--u))}
.hm-stats{display:grid;grid-template-columns:188fr 208fr;border-left:1px solid #e9dcc3;align-self:center;margin-left:calc(-13 * var(--u))}
.hm-stat{padding:calc(20 * var(--u)) 0 calc(10 * var(--u)) calc(23 * var(--u));display:flex;flex-direction:column;border-bottom:1px solid #e9dcc3;height:calc(92 * var(--u))}
.hm-stat:nth-child(n+3){border-bottom:0}
.hm-stat:nth-child(2n){border-left:1px solid #e9dcc3;padding-left:calc(21 * var(--u))}
.hm-sico{width:calc(19 * var(--u));height:calc(19 * var(--u));border-radius:calc(6 * var(--u));background:#f6dcb4;color:#2a2f36;display:grid;place-items:center}
.hm-sico svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.hm-stat strong{font:800 calc(17 * var(--u))/calc(20 * var(--u)) var(--font-h);color:var(--ink);margin-top:calc(10 * var(--u));letter-spacing:calc(-.2 * var(--u))}
.hm-stat span:last-child{font-size:calc(8.5 * var(--u));color:#6b7580;margin-top:calc(2 * var(--u))}

/* how it works */
.hm-how{padding:calc(22 * var(--u)) 0 calc(22 * var(--u))}
.hm-how .hm-wrap{width:calc(893 * var(--u))}
.hm-how .hm-eyebrow{font-size:calc(6.8 * var(--u))}
.hm-h2c{font:800 calc(20 * var(--u))/calc(22 * var(--u)) var(--font-h);margin-top:calc(8 * var(--u));color:var(--ink);letter-spacing:calc(-.3 * var(--u))}
.hm-sub-s{font-size:calc(8.5 * var(--u));margin-top:calc(6 * var(--u));max-width:none}
.hm-steps{display:flex;align-items:flex-start;margin:calc(15 * var(--u)) 0 0 calc(91 * var(--u));text-align:left}
.hm-step{flex:0 0 calc(195 * var(--u))}
.hm-step-top{display:flex;align-items:center;gap:calc(15 * var(--u));margin-bottom:calc(8 * var(--u))}
.hm-num{display:grid;place-items:center;width:calc(25 * var(--u));height:calc(20 * var(--u));border-radius:calc(10 * var(--u));background:#fbe3bb;font:700 calc(8.5 * var(--u)) var(--font-h);color:#16202a}
.hm-sico2{display:grid;place-items:center;width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;background:#fcefd9;color:#16202a}
.hm-sico2 svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}
.hm-step h3{font:700 calc(9.5 * var(--u))/calc(12 * var(--u)) var(--font-h);margin-bottom:calc(5 * var(--u));color:var(--ink)}
.hm-step p{font-size:calc(8.5 * var(--u));line-height:calc(13 * var(--u));color:var(--mut)}
.hm-arrow{width:calc(24 * var(--u));height:calc(8 * var(--u));margin:calc(21 * var(--u)) calc(58 * var(--u)) 0 0;align-self:flex-start}

/* testimonials */
.hm-test-sec .hm-wrap{width:calc(918 * var(--u))}
.hm-test{background:#050f14;border:1px solid rgba(231,178,95,.32);border-radius:calc(14 * var(--u));padding:calc(14 * var(--u)) calc(24 * var(--u)) calc(12 * var(--u));color:#fff;position:relative;overflow:hidden;height:calc(198 * var(--u))}
.hm-test::before{content:"";position:absolute;left:calc(342 * var(--u));top:0;width:calc(495 * var(--u));height:calc(80 * var(--u));background:url(../img/paynova/waves-test.jpg) 0 0/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 80%,transparent);pointer-events:none}
.hm-test-head{display:flex;justify-content:space-between;align-items:flex-start;position:relative}
.hm-test .hm-gold-eyebrow{color:#e0a64a;font-size:calc(6.3 * var(--u))}
.hm-h2t{font:700 calc(15.5 * var(--u))/calc(18 * var(--u)) var(--font-h);margin:calc(5 * var(--u)) 0 calc(4 * var(--u));color:#fff}
.hm-test-sub{font-size:calc(7.5 * var(--u));line-height:calc(12 * var(--u));color:#cfd3d6}
.hm-arrows{display:flex;gap:calc(9 * var(--u));margin:calc(10 * var(--u)) calc(1 * var(--u)) 0 0}
.hm-arrows button{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;border:1px solid rgba(231,178,95,.9);background:transparent;color:#fff;display:grid;place-items:center;transition:.2s}
.hm-arrows button:hover{background:rgba(231,178,95,.15)}
.hm-arrows svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}
.hm-tcards{display:grid;grid-auto-flow:column;grid-auto-columns:calc(205 * var(--u));gap:calc(17 * var(--u));margin-top:calc(14 * var(--u));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.hm-tcards::-webkit-scrollbar{display:none}
.hm-tc{scroll-snap-align:start;background:rgba(255,255,255,.02);border:1px solid rgba(231,178,95,.3);border-radius:calc(9 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u)) 0;height:calc(104 * var(--u));display:flex;flex-direction:column}
.hm-tc-top{display:flex;align-items:center;gap:calc(10 * var(--u))}
.hm-av{width:calc(29 * var(--u));height:calc(29 * var(--u));border-radius:50%}
.hm-tc strong{display:block;font-size:calc(8.5 * var(--u));font-weight:600;color:#fff;line-height:calc(11 * var(--u))}
.hm-tc small{font-size:calc(7 * var(--u));color:#b4bbc0;line-height:calc(11 * var(--u))}
.hm-tc p{font-size:calc(8 * var(--u));line-height:calc(11.7 * var(--u));color:#e4e6e8;margin-top:calc(10 * var(--u));flex:1}
.hm-stars{display:flex;align-items:center;gap:calc(1.5 * var(--u));padding-bottom:calc(9 * var(--u))}
.hm-stars svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.hm-stars b{font-size:calc(8.5 * var(--u));font-weight:600;color:#ececec;margin-left:calc(5 * var(--u))}

/* CTA */
.hm-cta-sec{padding-top:calc(15 * var(--u))}
.hm-cta-sec .hm-wrap{width:calc(918 * var(--u))}
.hm-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:calc(93 * var(--u));background:#051117;border:1px solid rgba(231,178,95,.3);border-radius:calc(14 * var(--u));padding:0 calc(65 * var(--u)) 0 calc(63 * var(--u))}
.hm-cta::after{content:"";position:absolute;left:calc(292 * var(--u));top:0;width:calc(403 * var(--u));height:100%;background:url(../img/paynova/waves-cta.jpg) 0 0/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent);pointer-events:none}
.hm-cta-l{position:relative;z-index:1}
.hm-cta .hm-gold-eyebrow{font-size:calc(6.2 * var(--u));color:#e0a64a}
.hm-cta h2{font:800 calc(17.5 * var(--u))/calc(19 * var(--u)) var(--font-h);color:#fff;margin:calc(3 * var(--u)) 0 calc(4 * var(--u))}
.hm-cta-p{font-size:calc(7.5 * var(--u));line-height:calc(13 * var(--u));color:#d4d8db}
.hm-cta-r{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--u))}
.hm-cta-r .hm-btn{width:calc(149 * var(--u));height:calc(34 * var(--u));font-size:calc(9.5 * var(--u))}
.hm .hm-talk{display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(8 * var(--u));color:#ecdfc4}
.hm-talk svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.hm-talk:hover{color:var(--gold)}

/* footer */
.hm-foot{background:var(--bg-d);color:#fff;margin-top:calc(14 * var(--u));padding-top:calc(14 * var(--u))}
.hm-foot-in{display:grid;grid-template-columns:232fr 131fr 137fr 180fr 211fr;width:calc(891 * var(--u))}
.hm-fbrand-row{display:flex;align-items:center;gap:calc(8 * var(--u));margin-top:calc(1 * var(--u))}
.hm-fbrand-txt{display:flex;flex-direction:column;line-height:1.2}
.hm-fbrand-row .hm-logo{width:calc(28 * var(--u));height:calc(32 * var(--u))}
.hm-fname{font:600 calc(15 * var(--u)) var(--font-h)}
.hm-fbrand-txt p{font-size:calc(6.5 * var(--u));color:#b7a98f;margin-top:calc(3 * var(--u))}
.hm-fcol h4,.hm-fnews h4{font-size:calc(7.5 * var(--u));font-weight:700;margin:0 0 calc(7 * var(--u));color:#fff;line-height:calc(12 * var(--u))}
.hm-fcol a{display:block;font-size:calc(7.5 * var(--u));line-height:calc(15 * var(--u));color:#c9cdd0;transition:color .2s}
.hm-fcol a:hover{color:var(--gold)}
.hm-fnews p{font-size:calc(6.5 * var(--u));color:#a9b0b5;margin:calc(-5 * var(--u)) 0 calc(7 * var(--u))}
.hm-nl{display:flex;align-items:center;height:calc(22 * var(--u));border:1px solid rgba(231,178,95,.35);border-radius:calc(8 * var(--u));padding:0 calc(2 * var(--u)) 0 calc(9 * var(--u));background:rgba(255,255,255,.03)}
.hm-nl input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:calc(7 * var(--u)) var(--font)}
.hm-nl input::placeholder{color:#7d868d}
.hm-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}
.hm-nl button svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}
.hm-soc{display:flex;gap:calc(9 * var(--u));margin-top:calc(9 * var(--u))}
.hm-soc a{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;display:grid;place-items:center;transition:.2s}
.hm-soc a:hover{background:rgba(231,178,95,.15)}
.hm-soc svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.hm-fbar{display:flex;justify-content:space-between;align-items:center;width:calc(891 * var(--u));margin-top:calc(14 * var(--u));padding:calc(9 * var(--u)) 0 calc(26 * var(--u));border-top:1px solid rgba(255,255,255,.1);font-size:calc(7 * var(--u));color:#b3b9be}
.hm-fbar-links{display:flex;gap:calc(24 * var(--u))}
.hm-fbar a:hover{color:var(--gold)}

/* =============== desktop wrap defaults (<900 handled below) =============== */
@media (min-width:900px){
  .hm-hero .hm-wrap,.hm-head .hm-wrap{width:calc(870 * var(--u))}
  .hm-head .hm-wrap{width:calc(866 * var(--u))}
}

/* =============== mobile / tablet =============== */
@media (max-width:899px){
  .hm-wrap,.hm-feat .hm-wrap,.hm-band-sec .hm-wrap,.hm-how .hm-wrap,.hm-test-sec .hm-wrap,.hm-cta-sec .hm-wrap,.hm-foot-in,.hm-fbar{width:calc(100% - 32px)}
  .hm-head{height:64px;background:rgba(5,15,20,.92)}
  .hm-actions{gap:10px}
  .hm-burger{display:flex}
  .hm-login-btn{display:none}
  .hm-brand-tag{display:none}
  .hm-logo{width:30px;height:34px}.hm-brand-name{font-size:18px}
  .hm-menu{position:fixed;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:0;margin:0;background:rgba(5,15,20,.98);padding:6px 20px 20px;border-bottom:1px solid rgba(231,178,95,.25);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.22s}
  .hm-menu-open .hm-menu{transform:none;opacity:1;visibility:visible}
  .hm-menu a:not(.hm-btn){font-size:15px;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
  .hm-menu a.is-active::after{display:none}
  .hm-menu-login{display:inline-flex;margin-top:16px;height:44px;font-size:15px}
  .hm-btn{height:44px;font-size:14px;border-radius:11px;padding:0 22px}.hm-btn svg{width:16px;height:16px}

  .hm-hero{padding-top:92px;min-height:0}
  .hm-pill{font-size:12px;height:30px;padding:0 14px 0 10px;gap:8px}.hm-pill svg{width:15px;height:15px}
  .hm-h1{font-size:clamp(34px,9vw,52px);line-height:1.08;margin-top:16px}
  .hm-lead{font-size:15px;line-height:1.65;max-width:520px;margin-top:16px}
  .hm-cta-row{flex-wrap:wrap;gap:12px;margin-top:24px}
  .hm-cta-row .hm-btn-gold,.hm-cta-row .hm-btn-ghost{width:auto;flex:1 1 150px;height:48px;font-size:14px}
  .hm-trust{flex-wrap:wrap;gap:10px 22px;margin-top:24px}.hm-trust li{font-size:12.5px}.hm-trust svg{width:18px;height:18px}
  .hm-art{position:relative;width:calc(100% + 32px);height:auto;margin:6px -16px 0;right:auto;bottom:auto;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%);-webkit-mask-composite:source-over;mask-composite:add}
  .hm-art img{height:auto}

  .hm-feat{padding:46px 0 24px}
  .hm-eyebrow,.hm-how .hm-eyebrow{font-size:11px}
  .hm-h2{font-size:clamp(26px,6.4vw,36px);line-height:1.15;margin-top:12px}
  .hm-sub,.hm-sub-s{font-size:14px;line-height:1.6;max-width:560px;margin-top:14px}
  .hm-sub br,.hm-band-p br,.hm-test-sub br,.hm-cta-p br,.hm-step p br{display:none}
  .hm-feat-row{margin-right:0;grid-template-columns:1fr 1fr;gap:28px 0;margin-top:30px}
  .hm-f{padding-left:18px}.hm-f:nth-child(odd){border-left:0;padding-left:0}
  .hm-ico{width:52px;height:52px;border-radius:15px;margin-bottom:14px}.hm-ico svg{width:24px;height:24px}
  .hm-f h3{font-size:14.5px;line-height:1.3;margin-bottom:6px}.hm-f p{font-size:12.5px;line-height:1.55}

  .hm-band-sec{padding:14px 0}
  .hm-band>*{min-width:0}
  .hm-stat strong{white-space:nowrap}
  .hm-band{grid-template-columns:minmax(0,1fr);height:auto;padding:26px 20px;gap:8px}
  .hm-gold-eyebrow{font-size:10.5px;letter-spacing:1.3px}
  .hm-h2b{font-size:26px;line-height:1.18;margin:12px 0}.hm-band-p{font-size:13.5px;line-height:1.6}
  .hm-logos{margin:18px 0 0;overflow-x:auto;max-width:100%}.hm-logos img{width:380px;height:auto;max-width:none}
  .hm-stats{margin:10px 0 0;border-left:0;border-top:1px solid #e9dcc3}
  .hm-stat{height:auto;padding:18px 0 14px 0}.hm-stat:nth-child(2n){padding-left:20px}
  .hm-sico{width:26px;height:26px;border-radius:8px}.hm-sico svg{width:15px;height:15px}
  .hm-stat strong{font-size:22px;line-height:1.2;margin-top:10px}.hm-stat span:last-child{font-size:12.5px}

  .hm-how{padding:36px 0 30px}
  .hm-h2c{font-size:28px;line-height:1.15;margin-top:10px}
  .hm-steps{flex-direction:column;align-items:flex-start;margin:28px 0 0;gap:0}
  .hm-step{flex:none;width:100%}
  .hm-step-top{gap:12px;margin-bottom:12px}
  .hm-num{width:36px;height:28px;border-radius:14px;font-size:12.5px}
  .hm-sico2{width:48px;height:48px}.hm-sico2 svg{width:22px;height:22px}
  .hm-step h3{font-size:16px;margin-bottom:6px}.hm-step p{font-size:13.5px;line-height:1.55}
  .hm-arrow{transform:rotate(90deg);margin:14px 0 14px 10px;width:36px;height:12px}

  .hm-test-sec{padding-top:6px}
  .hm-test{height:auto;padding:26px 18px;border-radius:18px}
  .hm-test .hm-gold-eyebrow{font-size:10.5px}
  .hm-h2t{font-size:22px;line-height:1.2;margin:8px 0}.hm-test-sub{font-size:13px;line-height:1.55}
  .hm-arrows{margin-top:6px;gap:8px}.hm-arrows button{width:36px;height:36px}.hm-arrows svg{width:16px;height:16px}
  .hm-tcards{grid-auto-columns:86%;gap:12px;margin-top:20px}
  .hm-tc{height:auto;padding:16px;min-height:170px}
  .hm-av{width:42px;height:42px}.hm-tc strong{font-size:14px;line-height:1.3}.hm-tc small{font-size:12px;line-height:1.3}
  .hm-tc-top{gap:12px}.hm-tc p{font-size:13.5px;line-height:1.6;margin:12px 0}
  .hm-stars{padding-bottom:0;gap:2px}.hm-stars svg{width:15px;height:15px}.hm-stars b{font-size:13px;margin-left:7px}

  .hm-cta-sec{padding-top:14px}
  .hm-cta{height:auto;flex-direction:column;align-items:flex-start;gap:20px;padding:28px 22px;border-radius:18px}
  .hm-cta .hm-gold-eyebrow{font-size:10.5px}
  .hm-cta h2{font-size:26px;line-height:1.15;margin:8px 0 10px}.hm-cta-p{font-size:13.5px;line-height:1.6}
  .hm-cta-r{align-items:flex-start;gap:14px}.hm-cta-r .hm-btn{width:auto;height:48px;padding:0 28px;font-size:14.5px}
  .hm .hm-talk{font-size:13px}.hm-talk svg{width:15px;height:15px}

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

/* ===== header: Login + Register buttons ===== */
.hm-actions{gap:calc(8 * var(--u))}
.hm-login-btn,.hm-reg-btn{height:calc(30 * var(--u));padding:0 calc(16 * var(--u));gap:calc(6 * var(--u))}
.hm-login-btn svg,.hm-reg-btn svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}
.hm-menu-auth{display:none}
@media (max-width:899px){
  .hm-reg-btn{display:none}
  .hm .hm-login-btn{display:inline-flex;height:40px;padding:0 18px;font-size:13px;border-radius:11px;background:linear-gradient(180deg,#f7dcaa,#dba55a);border:0;color:#1b1408;box-shadow:0 6px 16px -6px rgba(231,178,95,.55)}
  .hm-login-btn svg{display:none}
  .hm-menu-auth{display:flex;gap:10px;margin-top:16px}
  .hm-menu-auth .hm-btn{flex:1;height:46px;font-size:15px}
}