/* ============================================================
   PrivacyARC brand layer brand override layer
   Palette: deep navy -> arc blue -> cyan -> warm gold horizon
   ============================================================ */
:root{
  --parc-navy:#04102B;
  --parc-navy-2:#071B3F;
  --parc-blue:#0E4DA8;
  --parc-blue-2:#1C6FE0;
  --parc-cyan:#37BEE8;
  --parc-gold:#EEC27E;
  --parc-ink:#0A1830;
  --parc-grad:linear-gradient(135deg,#04102B 0%,#0E4DA8 48%,#37BEE8 82%,#EEC27E 118%);
  --parc-grad-soft:linear-gradient(135deg,#071B3F 0%,#1257C9 55%,#37BEE8 115%);

  /* remap template colour system: orange -> arc blue / cyan / navy */
  --_colors---core-neutral-color--orange:#1257C9;
  --_colors---core-neutral-color--light-orange:#37BEE8;
  --_colors---core-neutral-color--dark-orange:#04102B;
}

/* hero video overlay: navy wash instead of orange */
.video-hero{background-image:linear-gradient(#04102bd1 10%,#fff0 75%)!important}

/* warm raster art -> cool brand tones */
img[src*="Group%202085662461"],
img[src*="Ellipse%20172"],
img[src*="Abstract%20Liquid"],
img[src*="Serene%20Wildflower"]{filter:hue-rotate(187deg) saturate(1.08)}

/* primary black CTA -> PrivacyARC gradient */
.button{background-image:var(--parc-grad-soft)!important;color:#fff!important}
.bg-button-line.dark{background-image:var(--parc-grad-soft)!important;background-color:#0E4DA8}
.button-submit{background-image:var(--parc-grad-soft)!important;background-color:#0E4DA8}

/* logo lockup */
.parc-logo-mark{height:34px;width:auto;display:inline-block;vertical-align:middle}
.parc-wordmark{font-family:"Inter Tight",sans-serif;font-weight:700;font-size:15px;letter-spacing:.16em;color:var(--parc-navy);vertical-align:middle;margin-left:10px}
.logo-navbar{display:flex;align-items:center}
.logo-footer{display:flex;align-items:center}
.logo-footer .parc-logo-mark{height:40px}
.logo-footer .parc-wordmark{font-size:20px}

/* nav actions: Contact + Dashboard + Connect Wallet */
.parc-nav-actions,.menu-block.v2.parc-nav-actions{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:.6vw}

/* slimmer navbar */
.main-section.menu{padding-top:.5vw;padding-bottom:.5vw}
.wrapper-menu{min-height:0}
.navbar{padding:.25vw .5vw}
.parc-logo-mark{height:26px}
.parc-btn{cursor:pointer;border:0;border-radius:100px;font-family:"Inter Tight",sans-serif;font-weight:600;font-size:.78vw;line-height:1;padding:.5vw 1vw;transition:transform .25s ease,box-shadow .25s ease;white-space:nowrap;text-decoration:none;display:inline-block}
.parc-btn:hover{transform:translateY(-1px)}
.parc-btn-primary{background:var(--parc-grad-soft);color:#fff;box-shadow:0 6px 18px #1257c92e}
.parc-btn-primary:hover{box-shadow:0 8px 22px #1257c945}
.parc-btn-ghost{background:#fff;color:var(--parc-navy);border:1px solid #dbe7f5}
.parc-btn-ghost:hover{border-color:var(--parc-cyan)}

/* social icons */
.parc-social{width:2.4vw;height:2.4vw;min-width:34px;min-height:34px;border-radius:50%;background:#eef4fb;color:var(--parc-navy);display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease}
.parc-social:hover{background:var(--parc-blue-2);color:#fff}

/* CTA "two payment surfaces" icon chips */
.parc-icon-chip{background:linear-gradient(135deg,#0E4DA8,#37BEE8);display:flex;align-items:center;justify-content:center;color:#fff}
.parc-icon-chip .icon{color:#fff}
.parc-cta-link{text-decoration:none;color:inherit}

/* gold accents: active tab + italic display word highlights */
.tab-link.w--current .text-s{color:var(--parc-blue)}

@media screen and (max-width:767px){
  .parc-logo-mark{height:26px}
  .parc-wordmark{font-size:13px;letter-spacing:.12em}
  .parc-btn{font-size:11px;padding:8px 12px}
  .parc-nav-actions{gap:8px}
  .parc-nav-contact{display:none}
  .logo-footer .parc-logo-mark{height:30px}
  .logo-footer .parc-wordmark{font-size:15px}
  /* keep wallet + dashboard reachable on mobile (template hides .menu-block.v2) */
  .menu-block.v2.parc-nav-actions{display:flex !important;flex-flow:row;align-items:center;gap:6px}
  .menu-block.v2.parc-nav-actions .parc-btn{padding:7px 11px;font-size:10.5px}
}

@media screen and (max-width:420px){
  .parc-wordmark{display:none}
}

/* ARC TESTNET phase indicator replaces animated counter.
   No visibility/transform overrides here: the Webflow scroll timeline owns when
   this block appears, so it stays in sync with the rest of the section. */
.block-number-works.parc-testing-phase{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:8vw;
}
.block-number-works.parc-testing-phase.parc-tp-live .text-xxl{opacity:1}
.block-number-works.parc-testing-phase .text-xxl{
  opacity:0;
  transition:opacity .2s ease;
  font-family:"Inter Tight",sans-serif;
  font-size:clamp(1.6rem,3.2vw,3.2rem);
  font-weight:700;
  line-height:1.1;
  color:var(--parc-navy);
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}
.parc-tp-char{
  display:inline-block;
  min-width:.62em;
  text-align:center;
  color:var(--parc-blue-2);
  font-variant-numeric:tabular-nums;
  transition:color .35s ease;
}
.parc-tp-char.parc-tp-settled{color:var(--parc-navy)}