/* V54 — calmer visual hierarchy, softer contrast, easier one-hand use */
:root{
  --bg:#0C0E11;
  --card:#15181C;
  --card-raised:#1B1F24;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(255,255,255,.115);
  --brass:#C9953D;
  --brass-light:#E2B45D;
  --text:#F1F0EC;
  --text-dim:rgba(241,240,236,.64);
  --text-dimmer:rgba(241,240,236,.42);
}
body{background:var(--bg);line-height:1.5;}
header{background:rgba(12,14,17,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.brand-wordmark{height:64px;}
/* Keep navigation calm and predictable: scroll on small screens, equal tabs on larger screens. */
.tabnav-wrap{padding:10px 0 0;}
.tabnav{
  background:rgba(21,24,28,.94);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 6px 20px rgba(0,0,0,.12);
  gap:3px;
  scroll-snap-type:x proximity;
}
.tab-btn{
  min-height:46px;
  border-radius:14px;
  padding:8px 13px;
  font-size:12px;
  line-height:1.2;
  color:var(--text-dim);
  scroll-snap-align:center;
}
.tab-btn.active{background:var(--brass);color:#171108;box-shadow:0 3px 12px rgba(201,149,61,.16);}
.tab-btn:focus-visible,.trust-stack-link:focus-visible,.home-cta:focus-visible,.contact-btn:focus-visible,.inline-contact a:focus-visible{outline:2px solid var(--brass-light);outline-offset:2px;}
/* Decorative hero art should support the content, not dominate it. */
.visual-strip{padding:14px 18px 4px;gap:12px;}
.visual-card{min-height:190px;border-color:rgba(201,149,61,.14);box-shadow:0 12px 30px rgba(0,0,0,.18);}
.visual-art{opacity:.78;}
.gold-disc{box-shadow:0 0 35px rgba(216,171,56,.15);}
.currency-symbol{text-shadow:none;}
/* Trust area: less dense, softer borders, clearer scanning. */
.trust-stack{margin-bottom:22px;padding:18px;border-radius:16px;background:rgba(255,255,255,.018);box-shadow:0 10px 28px rgba(0,0,0,.10);}
.trust-stack-head{margin-bottom:13px;}
.trust-stack-title{font-size:18px;}
.trust-stack-sub{font-size:11px;color:var(--text-dimmer);}
.trust-tile{background:rgba(255,255,255,.012);border-color:var(--line);padding:13px;}
.trust-tile strong{font-size:12px;}
.trust-tile span{font-size:10.5px;line-height:1.5;color:var(--text-dimmer);}
.trust-warning{margin-top:11px;padding:11px 13px;background:rgba(201,149,61,.035);border-color:rgba(201,149,61,.16);color:var(--text-dimmer);font-size:10.5px;line-height:1.55;}
/* Main content gets more breathing room and less visual noise. */
.hero{padding:18px 0 34px;}
.convert-card,.usdt-card,.account-form,.contact-card,.mt5-card,.payment-card,.payment-preview{box-shadow:0 10px 28px rgba(0,0,0,.11);}
.ledger-list{gap:8px;}
.ledger-row{background:rgba(21,24,28,.92);border-color:var(--line);}
.ledger-row:hover{background:#181B20;}
.home-cta-grid{gap:10px;margin:22px 0 34px;}
.home-cta{background:rgba(21,24,28,.88);border-color:var(--line);box-shadow:none;}
.home-cta.primary{background:linear-gradient(145deg,rgba(47,37,19,.72),rgba(21,24,28,.96));}
.section-block{margin-bottom:32px;}
.benefit-card,.about-strip{background:rgba(255,255,255,.012);border-color:var(--line);}
.flow-grid>div{background:rgba(21,24,28,.78);}
/* Floating controls should feel helpful, not intrusive. */
.trust-float,.telegram-float{box-shadow:0 8px 22px rgba(0,0,0,.20)!important;}
/* Better mobile ergonomics */
@media(max-width:560px){
  .wrap{padding-left:14px;padding-right:14px;}
  .header-inner{min-height:48px;}
  .brand-wordmark{width:68vw;height:48px;}
  .visual-strip{display:flex;overflow-x:auto;gap:10px;padding:8px 14px 2px;scrollbar-width:none;}
  .visual-strip::-webkit-scrollbar{display:none;}
  .visual-card{flex:0 0 78vw;min-height:132px;border-radius:15px;}
  .visual-card .visual-copy{padding:14px;}
  .visual-copy span{font-size:9px;}
  .visual-copy strong{font-size:17px;}
  .visual-art{transform:scale(.78);transform-origin:center;}
  .tabnav-wrap{padding-top:8px;}
  .tabnav{border-radius:17px;padding:4px;}
  .tab-btn{min-width:96px!important;min-height:48px;padding:8px 11px;font-size:11.5px;}
  .trust-stack{padding:15px;margin-bottom:18px;}
  .trust-grid{gap:7px;}
  .trust-tile{padding:11px;border-radius:11px;}
  .trust-tile .icon{font-size:18px;margin-bottom:7px;}
  .hero{padding-top:14px;}
  .convert-head{padding:15px 16px 7px;}
  .base-row{padding:5px 16px 16px;}
  .base-amount{font-size:29px;}
  .ledger-section{padding-top:18px;}
  .currency-search{min-height:42px;}
  .fav-filter{min-height:42px;}
  .home-cta-grid{margin-top:20px;}
  .home-cta{padding:15px;}
}
@media(max-width:390px){
  .visual-card{flex-basis:84vw;}
  .trust-grid{grid-template-columns:1fr 1fr;}
  .tab-btn{min-width:92px!important;}
  .tab-btn[data-view="payments"]{min-width:116px!important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .view.active{animation:none;}
  .dot{animation:none;}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important;}
}