/* ============================================================
   TransfersX — Quiet-Luxury shared theme
   Used by all rebranded pages. Page-specific component styles
   stay inline per page; this file is the common foundation.
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black-green:#0A0B0D;--green-deep:#141619;--green:#141619;--green-mid:#23262B;
  --brass:#4A9FE8;--brass-light:#8EC5F2;--brass-pale:#8EC5F2;
  --bone:#FAFAF8;--paper:#FAFAF8;--ink:#0A0B0D;--ink-soft:rgba(10,11,13,0.62);
  --line:rgba(10,11,13,0.10);--ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Manrope',system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit}

.eyebrow{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;font-weight:600;color:var(--brass)}
.display{font-family:'Manrope',sans-serif;font-weight:300;line-height:1.05;letter-spacing:-.025em}
.display em{font-style:normal;color:var(--brass);font-weight:500}
.dark .display em{color:var(--brass-light)}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}

/* ── Nav ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;transition:background .5s var(--ease),padding .5s var(--ease)}
.nav.scrolled{background:rgba(10,11,13,.85);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);padding:12px 24px;box-shadow:0 1px 0 rgba(142,197,242,.15)}
.nav-logo{display:inline-flex;align-items:center;font-family:'Manrope',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.03em;color:#fff;text-decoration:none}
.nav-logo sup{font-size:.6em;color:var(--brass-light);top:-.6em}
.nav-logo img{height:23px;width:auto;display:block;filter:drop-shadow(0 1px 6px rgba(0,0,0,.4))}
.nav-links{display:none;gap:26px}
.nav-links a{color:rgba(250,250,248,.75);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.01em;transition:color .25s}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-reserve{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(250,250,248,.35);border-radius:999px;padding:9px 18px;font-size:12.5px;font-weight:600;color:#fff;text-decoration:none;transition:all .3s var(--ease);backdrop-filter:blur(4px)}
.nav-reserve:hover{background:var(--brass);border-color:var(--brass);color:var(--green-deep)}
@media (min-width:880px){ .nav-links{display:flex} }

/* ── Page hero ── */
.phero{position:relative;min-height:64svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 24px 78px;overflow:hidden}
.phero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);animation:heroZoom 16s var(--ease) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.phero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,13,.66) 0%,rgba(10,11,13,.5) 45%,rgba(10,11,13,.86) 100%)}
.phero-in{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center}
.phero .eyebrow{color:var(--brass-pale);margin-bottom:18px;opacity:0;animation:hUp .9s var(--ease) .2s forwards}
.phero h1{font-family:'Manrope',sans-serif;font-weight:300;letter-spacing:-.03em;line-height:1.02;font-size:clamp(38px,11vw,72px);color:#fff;margin-bottom:18px;opacity:0;animation:hUp .9s var(--ease) .35s forwards}
.phero h1 em{font-style:normal;color:var(--brass-light);font-weight:500}
.phero p{font-size:clamp(15px,4vw,18px);color:rgba(250,250,248,.85);max-width:540px;margin-bottom:34px;opacity:0;animation:hUp .9s var(--ease) .5s forwards}
.phero-btns{display:flex;flex-direction:column;gap:12px;width:min(86vw,360px);opacity:0;animation:hUp .9s var(--ease) .65s forwards}
@keyframes hUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:15px 26px;font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s var(--ease);border:none;font-family:'Manrope',sans-serif}
.btn-primary{background:var(--brass);color:var(--green-deep)}
.btn-primary:hover{background:var(--brass-light);transform:translateY(-2px);box-shadow:0 14px 30px rgba(142,197,242,.3)}
.btn-ghost{background:rgba(250,250,248,.08);color:#fff;border:1px solid rgba(250,250,248,.32);backdrop-filter:blur(4px)}
.btn-ghost:hover{background:rgba(250,250,248,.16);transform:translateY(-2px)}
.btn-dark{background:var(--green-deep);color:var(--bone)}
.btn-dark:hover{background:var(--green);transform:translateY(-2px)}
.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translateX(4px)}

/* ── Sections ── */
.section-light{background:var(--paper);color:var(--ink);padding:84px 0}
.section-bone{background:var(--bone);color:var(--ink);padding:84px 0}
.section-deep{background:linear-gradient(180deg,var(--black-green),var(--green-deep));color:var(--bone);padding:90px 0}
.sec-head{margin-bottom:44px}
.sec-head .eyebrow{display:block;margin-bottom:14px}
.sec-head h2{font-size:clamp(28px,7.5vw,46px)}
.sec-head p{margin-top:16px;max-width:520px;color:var(--ink-soft);font-size:15px}
.section-deep .sec-head p{color:rgba(250,250,248,.6)}
.lead{font-size:15.5px;line-height:1.7;color:var(--ink-soft);max-width:680px}
.section-deep .lead{color:rgba(250,250,248,.66)}

/* ── CTA band ── */
.cta{text-align:center}
.cta h2{font-size:clamp(30px,8vw,52px);margin-bottom:12px}
.cta p{color:rgba(250,250,248,.62);max-width:440px;margin:0 auto 30px;font-size:15px}
.cta-btns{display:flex;flex-direction:column;gap:12px;width:min(86vw,360px);margin:0 auto}

/* ── Footer ── */
.foot{background:var(--black-green);color:rgba(250,250,248,.6);padding:56px 0 34px}
.foot-top{display:grid;grid-template-columns:1fr;gap:34px}
.foot-brand .fl{font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.03em;color:#fff}
.foot-brand .fl sup{font-size:.6em;color:var(--brass-light)}
.foot-brand .fl img{height:26px;width:auto;display:block}
.foot-brand p{font-size:13px;margin-top:14px;max-width:320px;line-height:1.6}
.foot-ig{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--brass-light);text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(142,197,242,.3);border-radius:999px;padding:9px 16px;transition:all .3s var(--ease)}
.foot-ig:hover{background:var(--brass);color:var(--green-deep);border-color:var(--brass)}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.foot-col h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:14px;font-weight:600}
.foot-col a,.foot-col span{display:block;font-size:13px;color:rgba(250,250,248,.6);text-decoration:none;margin-bottom:9px;transition:color .25s}
.foot-col a:hover{color:#fff}
.foot-base{margin-top:40px;padding-top:22px;border-top:1px solid rgba(250,250,248,.1);font-size:11.5px;color:rgba(250,250,248,.4);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.foot-base a{color:rgba(250,250,248,.5);text-decoration:none}
@media (min-width:760px){ .foot-top{grid-template-columns:1.2fr 1.8fr} }