.ti .tim{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg)}
.ti .ch .tim{inset:0}
.ti .ch{overflow:hidden}
@supports (height:100svh){.heroWrap{height:210svh}}

@media (hover:none){
  .btn:hover,.feat:hover{transform:none;box-shadow:none}
  .btn:hover .arr{transform:none}
}

@media (max-width:600px){
  select,input,textarea,.seg input,.field input,.ptop input{font-size:16px}
  .lede{font-size:16px}
  .hero .ctas{width:100%;max-width:360px}
  .hero .ctas .btn{flex:1 1 100%}
  .widget{padding:18px}
  .amount{font-size:34px}
  .term pre{font-size:12px;padding:16px 18px}
  .bandcap{flex-direction:column;align-items:flex-start;gap:4px;bottom:14px}
  .finalrow{flex-direction:column;align-items:flex-start;gap:20px}
  .finalrow .btn{width:100%}
  .pop{left:12px;right:12px;width:auto}
  .card{padding:14px}
  .tabs button{padding:9px 14px}
  .appbody{padding-block:24px calc(56px + env(safe-area-inset-bottom,0px))}
  .appfoot{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
  .modal,.picker{padding:12px}
  form.req .btn{width:100%}
}

@media (max-width:380px){
  .slogan{font-size:30px}
  .act2 .slogan{font-size:28px}
  h2{font-size:30px}
  .nav .btn{padding:0 10px}
  .tabs button{padding:8px 11px;letter-spacing:.06em}
}

@media (max-width:600px){
  .picker{place-items:end center;padding:0}
  .psheet{width:100%;height:min(86svh,680px);border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
  .psheet .ptop{padding:14px 14px 10px}
  .pcols{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .pcols .chains{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:10px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-right:0;border-bottom:1px solid var(--glass-line)}
  .pcols .chains::-webkit-scrollbar{display:none}
  .pcols .chains button{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 12px 8px 8px;border-color:var(--glass-line)}
  .pcols .toks{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 10px 16px}
  .pcols .toks button{padding:12px 10px}
}

.card{grid-template-columns:minmax(0,1fr)}
.card>*{min-width:0}
.lrow{min-width:0}
.val{flex:1 1 0;white-space:nowrap}
.amt{flex:1 1 0}
.tok{flex:0 1 auto;min-width:0;max-width:64%}
.tok>span:not(.ti){min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.tok{max-width:58%}}