/* Palera phone layer (v1, Oct 27 2026). Desktop untouched except .hx-tabs. */

/* ---------- Homepage tabs (all widths) ---------- */
.hx-tablist{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.16);margin:36px 0 40px;overflow-x:auto;scrollbar-width:none}
.hx-tablist::-webkit-scrollbar{display:none}
.hx-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 22px 14px 0;margin-right:22px;font:inherit;font-size:17px;font-weight:500;letter-spacing:-.01em;color:rgba(255,255,255,.55);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}
.hx-tab:hover{color:#fff}
.hx-tab[aria-selected="true"]{color:#fff;border-bottom-color:#FF8724}
.hx-tab:focus-visible{outline:2px solid #FF8724;outline-offset:3px;border-radius:2px}
.hx-tab .hx-n{display:inline-block;font-size:11px;letter-spacing:.12em;color:#FF8724;margin-right:10px;font-variant-numeric:tabular-nums;vertical-align:2px}
.hx-panel[hidden]{display:none!important}
.hx-panel:focus{outline:none}
.hx-panel .pl-eyebrow,.hx-panel .pl-eyebrow-2{display:none}
.hx-panel>*{margin-top:0!important}
/* control panel was authored for a light band: recolour to the dark band */
.hx-panel .pl-feat-2 .pl-h3-4,.hx-panel .pl-feat-2 h3{color:#fff!important}
.hx-panel .pl-feat-2 .pl-p-8{color:rgba(255,255,255,.72)!important}
.hx-panel .pl-feat-2 .pl-li-2{color:rgba(255,255,255,.72)!important}
.hx-panel .pl-feat-2 .pl-li-2 b,.hx-panel .pl-feat-2 .pl-li-2 strong{color:#fff!important}
.hx-panel .pl-feat-2 .pl-feat-out-2{color:#fff!important}
.hx-panel .pl-feat-2 .pl-soc{color:rgba(255,255,255,.6)!important}
#proof .pl-aiq{margin:40px 0 0}

/* ---------- Swipe rows (phones) ---------- */
.mb-dots{display:none}
@media (max-width:767px){
  .mb-swipe{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px!important;margin-left:-18px!important;margin-right:-18px!important;padding:2px 18px 4px!important;scroll-padding-left:18px;scrollbar-width:none;overscroll-behavior-x:contain}
  .mb-swipe::-webkit-scrollbar{display:none}
  .mb-swipe>*{flex:0 0 84%!important;max-width:84%!important;width:auto!important;scroll-snap-align:start;margin:0!important;min-width:0}
  .mb-swipe>*:last-child{scroll-snap-align:end}
  .mb-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}
  .mb-dots i{width:6px;height:6px;border-radius:3px;background:currentColor;opacity:.25;transition:opacity .2s,width .2s}
  .mb-dots i.on{opacity:.9;width:16px}

  /* ---------- Footer: tap-to-open groups ---------- */
  .pl-ftr .mb-acc{margin:0!important}
  .pl-ftr .mb-acc .pl-h2-3{margin:0!important}
  .pl-ftr .mb-acc-btn{all:unset;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fff;border-top:1px solid rgba(255,255,255,.1)}
  .pl-ftr .mb-acc-btn:focus-visible{outline:2px solid #FF8724;outline-offset:2px}
  .pl-ftr .mb-acc-btn::after{content:"";width:9px;height:9px;border-right:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
  .pl-ftr .mb-acc-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translate(-2px,-2px)}
  .pl-ftr .mb-acc ul[hidden]{display:none!important}
  .pl-ftr .mb-acc ul{padding-bottom:10px!important;margin:0!important}
  .pl-ftr-cols{gap:0!important;row-gap:0!important}
  .pl-ftr-cols>div:first-child{margin-bottom:20px}

  /* ---------- Security band: compact ---------- */
  .pl-trust{padding-top:44px!important;padding-bottom:44px!important}
  .pl-trust-txt{margin-bottom:20px!important}
  .pl-trust-tiles{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .pl-trust-soc,.pl-trust-tile{height:68px!important;min-height:0!important;padding:8px!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column}
  .pl-trust-soc img,.pl-trust-tile img{max-height:52px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain}
  .pl-trust-big{font-size:20px!important;line-height:1!important}
  .pl-trust-small{font-size:9.5px!important;line-height:1.2!important;margin-top:4px;text-align:center}
  .pl-trust-sep{display:none!important}
  .pl-trust-award{grid-column:1/-1;min-height:0!important;padding:10px 14px!important;gap:12px!important}
  .pl-trust-award-img{width:48px!important;height:auto!important}
  .pl-trust-at{font-size:14px!important}

  /* ---------- Homepage ---------- */
  .pl-logos .pl-lg{padding-top:36px!important;padding-bottom:36px!important}
  .pl-lg-grid{gap:18px!important}
  .pl-lg-div{display:none!important}
  .pl-lg-cap{margin-bottom:14px!important}
  .pl-lg-h{margin-bottom:10px!important}
  .pl-lg-cc,.pl-lg-ed{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px 14px!important;align-items:center;justify-items:center}
  .pl-lg-cc img,.pl-lg-ed img{max-height:30px!important;max-width:100%!important;width:auto!important;height:auto!important;margin:0!important;object-fit:contain}
  #shift .pl-shift-item .pl-p-3,#shift .pl-shift-item .pl-ico{display:none!important}
  #shift .pl-shift-list{gap:0!important;margin-top:20px!important}
  #shift .pl-shift-item{padding:12px 0!important;border-top:1px solid rgba(255,255,255,.12)}
  #shift .pl-shift-item .pl-h3{margin:0!important;font-size:17px!important}
  #mcp-home .pl-mcpcards{display:none!important}
  #mcp-home .pl-mcp-more{margin-top:24px!important}
  .hx-tablist{margin:24px -20px 28px;padding:0 20px}
  .hx-tab{font-size:15px;margin-right:16px;padding-right:0}
  .hx-tab .hx-n{display:none}
  .hx-panel .pl-ul,.hx-panel .pl-ul-2,.hx-panel .pl-ul-3{margin-top:14px!important}
  .hx-panel .pl-vid-cap{display:none!important}
  .hx-panel .pl-soc{display:none!important}
  #proof .pl-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
  #proof .pl-stat-n{font-size:34px!important;line-height:1!important}
  #proof .pl-stat-t{font-size:12.5px!important;line-height:1.3!important}
  #proof .pl-stat-w{font-size:11px!important;line-height:1.3!important}
  #proof .pl-aiq{margin-top:24px}

  /* ---------- MCP page ---------- */
  .mx-split-txt .mx-ticks{display:none!important}
  .mx-gov .mx-tiles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mx-gov .mx-tile{padding:12px!important;font-size:12.5px!important;line-height:1.35!important}
  .mx-gov .mx-tile b{font-size:13.5px!important;line-height:1.3!important;display:block;margin-bottom:3px}
  .mx-certs{display:none!important}
  .fx-col{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .fx-col-h{grid-column:1/-1}
  .fx-node{padding:10px!important;gap:8px!important}
  .fx-node .fx-ic{display:none!important}
  .fx-node small{display:none!important}
  .fx-node b{font-size:13.5px!important;line-height:1.3!important}
  .fx-flow{row-gap:20px!important;margin-top:28px!important}
  .fx-hub{width:auto!important;max-width:280px;padding:14px 16px!important}
  .fx-hub-logo{width:38px!important;height:38px!important;margin-bottom:8px!important}
  .fx-hub-h{font-size:16px!important;margin-bottom:6px!important}
  .fx-hub-r{font-size:12.5px!important;padding:1px 0!important}
  .mx-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 14px!important}
  .mx-step{padding:0!important}
  .mx-step .mx-p{font-size:13px!important;line-height:1.45!important}
}
@media (prefers-reduced-motion:reduce){.mb-swipe{scroll-behavior:auto}.hx-tab,.mb-dots i{transition:none}}
@media (max-width:767px){
  #shift .pl-shift-item{display:block!important}
  #shift .pl-lead .mb-more,#mcp-home .pl-lead-3{display:none!important}
  #shift .pl-lead b{display:block}
  .pl-quote .mb-only{display:block!important}
  #proof>.pl-wrap-4>.pl-aiq.dt-only,#proof .pl-aiq.dt-only{display:none!important}
  #proof .pl-quote.mb-swipe>*{padding:20px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:6px!important;background:rgba(255,255,255,.03)}
  #proof .pl-quote .pl-aiq{margin:0!important}
  .cp-main .cp-u:nth-of-type(2),.cp-main .cp-a:nth-of-type(2){display:none!important}
  .cp-win .cp-side{display:none!important}
  .mx-founder .mx-quote{font-size:17px!important;line-height:1.45!important}
  .mx-founder .mx-av{width:44px!important;height:44px!important;font-size:15px!important}
}
.pl-quote .mb-only{display:none}
.hx-panel>*{padding-top:0!important}
.hx-panel .pl-soc{display:none!important}
.hx-tablist{justify-content:center}
.hx-tab:last-child{margin-right:0}
@media (min-width:768px){
  .hx-tabs{display:grid;grid-template-columns:minmax(0,1fr)}
  .hx-tablist{grid-row:1;grid-column:1}
  .hx-panel{grid-row:2;grid-column:1}
  .hx-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
  .hx-tab{padding-right:0;margin:0 18px}
}
@media (max-width:767px){.hx-tablist{justify-content:flex-start}}
@media (max-width:767px){.hx-panel li .mb-more{display:none!important}.hx-panel .pl-li,.hx-panel .pl-li-2{margin-bottom:8px!important}.hx-panel .pl-li-3{padding:12px 14px!important}}
@media (max-width:767px){
  .mx-cards.mb-swipe{margin-left:-28px!important;margin-right:-28px!important;padding-left:28px!important;padding-right:28px!important;scroll-padding-left:28px}
  #proof .pl-quote.mb-swipe{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;scroll-padding-left:0}
  #proof .pl-quote{padding-bottom:0!important;margin-bottom:0!important;border-top:0!important}
  .hx-panel .pl-roi-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .hx-panel .pl-roi-cards>*{padding:10px!important;min-width:0}
  .hx-panel .pl-roi-cards b,.hx-panel .pl-roi-cards strong{font-size:16px!important}
}
@media (max-width:767px){
  .mb-swipe{align-items:stretch!important}
  #proof .pl-proof{padding:28px 20px!important}
  #proof .pl-quote.mb-swipe{margin:28px -20px 0!important;padding:0 20px!important;scroll-padding-left:20px}
}