/* =====================================================================
   pavapi.com — page vitrine.
   Réutilise les jetons de assets/css/app.css ; n'ajoute que ce que la
   vitrine a en propre.
   ===================================================================== */

.site{overflow-x:hidden;}

/* ---------- en-tête ---------- */
.site-nav{
  position:sticky; top:0; z-index:60;
  background:rgba(20,17,15,0.72); backdrop-filter:blur(14px);
  border-bottom:1px solid transparent; transition:border-color .2s, background .2s;
}
.site-nav.scrolled{border-bottom-color:var(--line); background:rgba(20,17,15,0.92);}
.site-nav .wrap{display:flex; align-items:center; justify-content:space-between; height:76px; gap:20px;}
.site-links{display:flex; gap:30px; font-size:.88rem; color:var(--paper-dim);}
.site-links a{text-decoration:none;} .site-links a:hover{color:var(--paper);}
@media(max-width:860px){ .site-links{display:none;} }

/* ---------- hero ---------- */
.hero-globe{position:relative; padding:52px 0 72px; border-top:none; overflow:hidden;}
@media(max-width:980px){ .hero-globe{padding:24px 0 56px;} }

.hero-inner{
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr);
  gap:40px; align-items:center; min-height:clamp(460px,62vh,600px);
}
@media(max-width:980px){
  .hero-inner{grid-template-columns:minmax(0,1fr); gap:8px; text-align:center; justify-items:center;}
  .hero-copy{order:2;}
  .globe-stage{order:1;}
}

.globe-stage{display:flex; flex-direction:column; align-items:center; gap:14px; min-width:0;}
.globe-wrap{
  width:min(100%,520px); aspect-ratio:1;
  filter:drop-shadow(0 26px 60px rgba(0,0,0,.55));
}
@media(max-width:980px){ .globe-wrap{width:min(66vw,300px);} }
.globe-cap{
  font-size:.74rem; color:var(--paper-faint); max-width:38ch; text-align:center;
  line-height:1.6; margin:0;
}
/* La légende parle de survol : sans souris, elle n'a pas d'objet, et elle
   s'intercalerait entre le globe et le titre. */
@media(max-width:980px), (hover:none){ .globe-cap{display:none;} }
.hero-kicker{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--mono); font-size:.76rem; color:var(--paper-dim);
  border:1px solid var(--line-strong); border-radius:999px; padding:7px 15px;
  margin-bottom:26px; background:rgba(28,24,21,.6); backdrop-filter:blur(6px);
}
h1.site-head{
  font-size:clamp(2.2rem,4.6vw,3.6rem); line-height:1.05; letter-spacing:-0.02em;
  margin:0 0 20px; max-width:15ch;
}
@media(max-width:980px){ h1.site-head{max-width:18ch; margin-inline:auto;} }
h1.site-head em{font-style:italic; font-weight:400; color:var(--gold);}
.site-sub{
  color:var(--paper-dim); font-size:clamp(.98rem,1.3vw,1.1rem);
  max-width:52ch; margin:0 0 30px; line-height:1.7;
}
@media(max-width:980px){ .site-sub{margin-inline:auto;} }
.site-cta{display:flex; gap:13px; flex-wrap:wrap;}
@media(max-width:980px){ .site-cta{justify-content:center;} }
.btn-lg{padding:15px 28px; font-size:.98rem; border-radius:10px;}

.hero-metrics{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(160px,45%),1fr));
  gap:1px; margin-top:8px; width:100%;
  background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.hero-metrics .cell{background:rgba(28,24,21,.82); padding:20px 18px; backdrop-filter:blur(6px);}
.hero-metrics .n{font-family:var(--mono); font-size:clamp(1.3rem,2.4vw,1.8rem); color:var(--paper);}
.hero-metrics .l{font-size:.75rem; color:var(--paper-faint); margin-top:5px; line-height:1.45;}

/* ---------- liste des actifs ---------- */
.asset-table{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface);}
.asset-row{
  display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) auto;
  gap:18px; align-items:center; padding:20px 24px;
  border-bottom:1px solid var(--line); text-decoration:none; color:inherit;
  transition:background .15s;
}
.asset-row:last-child{border-bottom:none;}
.asset-row:hover{background:rgba(242,237,230,.028);}
.asset-row.head{background:var(--surface-2); padding:12px 24px; font-size:.7rem; letter-spacing:.07em;
  text-transform:uppercase; color:var(--paper-faint); cursor:default;}
.asset-row.head:hover{background:var(--surface-2);}
.ar-id{display:flex; align-items:center; gap:14px; min-width:0;}
.ar-dot{width:32px; height:32px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(circle at 32% 30%, var(--c), rgba(0,0,0,.55));
  box-shadow:0 0 0 1px rgba(242,237,230,.12), 0 0 22px -6px var(--c);}
.ar-sym{display:block; font-family:var(--mono); font-size:1.02rem;}
.ar-name{display:block; font-size:.76rem; color:var(--paper-faint); margin-top:2px;}
.ar-apy{display:block; font-family:var(--mono); font-size:1.35rem; color:var(--gold);}
/* Sous-libellés toujours sur leur propre ligne : en flux, ils s'intercalaient
   dans la valeur et la rendaient illisible. */
.ar-sub{display:block; font-size:.72rem; color:var(--paper-faint); margin-top:3px; line-height:1.4;}
.ar-num{display:block; font-family:var(--mono); font-size:.95rem;}
.ar-venue{font-size:.84rem; min-width:0; line-height:1.45;}
.ar-go{color:var(--copper); font-size:1.1rem;}
@media(max-width:820px){
  .asset-row{grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; padding:18px;}
  .asset-row.head{display:none;}
  .ar-apy-cell{text-align:right;}
  .ar-num-cell,.ar-venue{grid-column:1/-1; font-size:.78rem; color:var(--paper-dim);}
  .ar-go{display:none;}
}

/* ---------- bandes ---------- */
.band{border-top:1px solid var(--line); padding:84px 0;}
.band-head{max-width:62ch; margin-bottom:38px;}
.band-head h2{font-size:clamp(1.7rem,3.2vw,2.4rem); margin-bottom:14px;}
.band-head p{color:var(--paper-dim); font-size:1rem; line-height:1.7;}

.pill-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:26px;}
.pill-row span{
  font-family:var(--mono); font-size:.74rem; color:var(--paper-dim);
  border:1px solid var(--line); border-radius:999px; padding:7px 14px;
}

.tri{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr)); gap:18px;}
.tri .cell{border:1px solid var(--line); border-radius:12px; padding:26px; background:var(--surface);}
.tri .cell .k{font-family:var(--mono); color:var(--copper); font-size:.78rem; margin-bottom:12px;}
.tri .cell h3{font-size:1.05rem; margin-bottom:9px;}
.tri .cell p{color:var(--paper-dim); font-size:.87rem; line-height:1.7; margin:0;}

.cta-band{text-align:center; padding:96px 0;}
.cta-band h2{font-size:clamp(1.9rem,4vw,2.9rem); max-width:18ch; margin:0 auto 18px;}
.cta-band p{color:var(--paper-dim); max-width:52ch; margin:0 auto 30px; line-height:1.7;}