/* =================================================================
   HOME — page-scoped
   ================================================================= */

/* 1.1 Hero */
.hero{padding-block:clamp(4rem,9vw,7rem) var(--section-pad)}
.hero h1{max-width:17ch}
.hero .lead{margin-top:1.5rem;max-width:52ch}
.hero .brk{display:none}
@media (min-width:760px){.hero .brk{display:inline}}

/* 1.2 Value trio */
.v-icon{width:38px;height:38px;stroke:var(--gold);fill:none;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round;margin-bottom:1rem}
.values .card h3{margin-bottom:.55rem}

/* 1.3 Couriers — logo trust strip */
.couriers{text-align:center}
.couriers .eyebrow{justify-content:center}
.courier-logos{list-style:none;margin:clamp(1.9rem,4vw,2.6rem) auto clamp(1.6rem,3.4vw,2.2rem);padding:0;
  max-width:920px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(1.6rem,4vw,2.6rem) clamp(2rem,5.5vw,3.75rem)}
.courier-logos .courier{display:flex;align-items:center;justify-content:center;height:46px}
.courier-logos img{display:block;height:var(--lh,28px);width:auto;max-width:150px;object-fit:contain;
  opacity:.9;transition:opacity .25s var(--ease),transform .25s var(--ease)}
@media (hover:hover){.courier-logos img:hover{opacity:1;transform:translateY(-2px)}}
.couriers .disclaimer{max-width:54ch;margin:0 auto;color:var(--text-muted)}
.couriers .tm-note{max-width:54ch;margin:1rem auto 0;font-size:.76rem;line-height:1.5;color:var(--text-faint)}
@media (max-width:560px){
  .courier-logos{gap:1.35rem 2rem}
  .courier-logos .courier{height:38px}
  .courier-logos img{height:calc(var(--lh,28px) * .82)}
}

/* 1.3c Internazionale + dogana */
.intl .lead{max-width:64ch}
.intl .grid-3{margin-top:clamp(2rem,4vw,2.75rem)}
.intl .card{background:rgba(250,250,250,.05);border-color:rgba(232,232,236,.14)}
.intl .card--rule{border-top-color:var(--gold)}
.intl .card:hover{background:rgba(250,250,250,.075);border-color:rgba(201,168,76,.42);box-shadow:none}
.intl .card--rule:hover{border-top-color:var(--gold)}
.intl .card p{color:var(--text-on-dark);opacity:.84}

/* 1.4 Fork */
.fork-panel{display:flex;flex-direction:column;height:100%}
.fork-panel h3{margin-bottom:.7rem}
.fork-panel p{color:var(--text-muted);flex:1 1 auto}
.more{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.3rem;
  font-weight:600;color:var(--gold-dim);transition:gap .2s var(--ease),color .2s var(--ease)}
.more svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.fork-panel:hover .more{gap:.75rem;color:var(--text)}

/* 1.5 Steps */
.step .num{font-family:var(--font-head);font-weight:700;font-size:clamp(2.4rem,5vw,3.4rem);
  color:var(--gold-dim);line-height:1;display:block;margin-bottom:.5rem}
.step h3{margin-bottom:.45rem}
.step p{color:var(--text-muted)}

/* 1.6 Why (2x2) */
.why-item{padding-top:1.2rem;border-top:2px solid var(--gold)}
.why-item h3{margin-bottom:.5rem}
.why-item p{color:var(--text-muted)}

/* 1.7 Platform teaser */
.platform .grid-2{align-items:center}
.capture-label{font-weight:600;margin-top:1.5rem}
.capture{margin-top:.9rem;max-width:440px}
.capture .field{margin-bottom:.9rem}
.capture .field label{font-size:.85rem}
.capture .check{margin-bottom:1rem}
.capture .btn{width:100%;justify-content:center}
.capture .wpcf7-response-output{margin-top:.9rem}
.platform .btn-row{margin-top:1.7rem}
.mockup{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.1rem 1.2rem;box-shadow:0 18px 40px rgba(11,10,9,.08);position:relative}
.mockup .tag{position:absolute;top:.8rem;right:.8rem;font-size:.62rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim);
  border:1px solid var(--gold);border-radius:2px;padding:.2rem .5rem;background:var(--off-white)}
.mockup .mrow{display:flex;align-items:center;gap:.75rem;padding:.75rem .2rem;border-bottom:1px solid var(--border)}
.mockup .mrow:last-child{border-bottom:none}
.mockup .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.mockup .bar{height:9px;border-radius:4px;background:var(--border)}
.mockup .bar.w1{width:52%}.mockup .bar.w2{width:38%}.mockup .bar.w3{width:46%}
.mockup .chip{margin-left:auto;font-size:.66rem;color:var(--text-faint);
  border:1px solid var(--border);border-radius:99px;padding:.15rem .6rem;white-space:nowrap}
@media (max-width:767px){.platform .mockup{margin-top:2rem}}


/* =================================================================
   1.1 HERO — cinematic photo treatment (added)
   Left-anchored text over a directional scrim; dark bookend of the page.
   ================================================================= */
.hero--photo{position:relative;overflow:hidden;isolation:isolate;
  min-height:min(88vh,880px);display:flex;align-items:center;
  padding-block:clamp(6rem,12vh,9rem);background:var(--black)}
.hero--photo .hero-bg{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:66% 50%;z-index:0}
.hero--photo .hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(11,10,9,.92) 0%,rgba(11,10,9,.76) 30%,rgba(11,10,9,.34) 60%,rgba(11,10,9,.04) 100%),
    linear-gradient(0deg,rgba(11,10,9,.58) 0%,rgba(11,10,9,0) 44%)}
.hero--photo .container{position:relative;z-index:2}
.hero.hero--photo h1{color:var(--off-white);max-width:15ch;
  text-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 44px rgba(0,0,0,.5)}
.hero--photo .lead{color:var(--text-on-dark);max-width:46ch}
.hero--photo .hero-tag{box-shadow:0 6px 20px rgba(0,0,0,.35)}
@media (max-width:767px){
  .hero--photo{min-height:auto;padding-block:clamp(7rem,24vh,10rem) clamp(3rem,10vh,4.5rem)}
  .hero--photo .hero-bg{object-position:62% 42%}
  .hero--photo .hero-scrim{
    background:
      linear-gradient(180deg,rgba(11,10,9,.5) 0%,rgba(11,10,9,.66) 52%,rgba(11,10,9,.88) 100%),
      linear-gradient(90deg,rgba(11,10,9,.4),rgba(11,10,9,.08))}
}

/* Home nav: transparent over the cinematic hero, solid on scroll */
body.home .nav{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent}
body.home .nav:not(.is-scrolled){background:linear-gradient(180deg,rgba(11,10,9,.5),rgba(11,10,9,0))}
body.home .nav:not(.is-scrolled) .nav-links a,
body.home .nav:not(.is-scrolled) .logo-text{color:var(--off-white)}
body.home .nav:not(.is-scrolled) .nav-links a::after,
body.home .nav:not(.is-scrolled) .nav-links .nav-platform::after{background:var(--gold)}
body.home .nav:not(.is-scrolled) .nav-links .nav-platform{color:var(--gold)}
body.home .nav:not(.is-scrolled) .nav-burger span,
body.home .nav:not(.is-scrolled) .nav-burger span::before,
body.home .nav:not(.is-scrolled) .nav-burger span::after{background:var(--off-white)}
body.home .nav.is-scrolled{background:rgba(250,250,250,.85);border-bottom-color:var(--border)}

/* 1.7 Platform — live mode: tracking card + activation note */
.track-card h3{margin-bottom:.9rem}
.track-card .field{margin-bottom:.9rem}
.track-card .btn{width:100%;justify-content:center}
.track-card .track-note{margin-top:.9rem;font-size:.85rem;color:var(--text-muted)}
.platform .activate-note{margin-top:1rem;font-size:.95rem;color:var(--text-muted);max-width:46ch}