:root{
      --bg:#000000;
      --panel:#0b0f14;
      --panel2:#0f1620;
      --border:#1f2937;
      --text:#f5f5f7;
      --muted:#f5f5f7;
      --green:#2E7D32;
      --green2:#1B5E20;
      --accent:#46d27e;
      --shadow: 0 18px 60px rgba(0,0,0,0.55);
      --radius:18px;
    }
    *{box-sizing:border-box}
    body{font-size:15px;line-height:1.6;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text);}
    a{color:inherit;text-decoration:none}
    a:hover{text-decoration:none}
    .wrap{max-width:1120px;margin:0 auto;padding:56px 20px 68px;}

    .top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 26px;}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{width:54px;height:54px;border-radius:0;background:transparent;border:none;box-shadow:none;padding:0;box-sizing:border-box;background-image:url('/assets/logo-planet.png?v=20260415');background-repeat:no-repeat;background-position:center;background-size:contain;}
    .brand .name{line-height:1.1}
    .brand .name .t{font-weight:800;letter-spacing:0.02em;font-size:18px}
    .brand .name .s{color:var(--muted);font-size:13px;margin-top:3px}

    .nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;align-items:center}
    .nav a{border:none;background:transparent;padding:0;border-radius:0;color:var(--text);font-size:14px;font-weight:700}
    .nav a:hover{color:rgba(70,210,126,0.95)}

    .hero{display:grid;grid-template-columns:1.15fr 0.85fr;gap:22px;align-items:start;margin-top:10px}
    @media (max-width: 960px){.hero{grid-template-columns:1fr}}

    .card{background:linear-gradient(180deg, rgba(11,15,20,0.98), rgba(15,22,32,0.94));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
    h1{margin:0 0 10px 0;font-size:44px;letter-spacing:-0.03em;line-height:1.05}
    .lead{margin:0;color:var(--muted);font-size:16px;line-height:1.7;max-width:52ch}

    .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
    .pill{border:1px solid var(--border);background:rgba(15,22,32,0.65);padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13px}

    .cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;border:1px solid var(--border);font-weight:800;font-size:14px}
    .btn.primary{background:var(--green2);border-color:rgba(46,125,50,0.55);color:white}
    .btn.primary:hover{background:var(--green)}
    .btn.secondary{background:rgba(15,22,32,0.65);color:var(--text)}
    .btn.secondary:hover{border-color:rgba(46,125,50,0.65);background:rgba(46,125,50,0.18)}

    .phone{display:flex;justify-content:center}
    .phone img{width:min(420px,100%);height:auto;border-radius:28px;border:1px solid var(--border);box-shadow:0 22px 80px rgba(0,0,0,0.7)}
    .caption{margin-top:10px;text-align:center;color:var(--muted);font-size:12px}

    .section{margin-top:34px}
    .kicker{font-size:16px;letter-spacing:0.10em;text-transform:uppercase;color:var(--accent);font-weight:800}
    h2{margin:10px 0 0 0;font-size:26px;letter-spacing:-0.02em}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
    @media (max-width: 980px){.grid{grid-template-columns:1fr 1fr}}
    @media (max-width: 640px){.grid{grid-template-columns:1fr}}

    .mini{background:rgba(11,15,20,0.95);border:1px solid var(--border);border-radius:16px;padding:18px}
    .mini h3{margin:0 0 8px 0;font-size:16px}
    .mini p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}

    .footer{margin-top:44px;color:var(--muted);font-size:13px}
    code{background:rgba(15,22,32,0.65);border:1px solid var(--border);padding:2px 6px;border-radius:8px}


/* Form polish (2026-03-11) */
.card { box-shadow: 0 22px 90px rgba(0,0,0,0.65); }
.label { font-size: 13px; letter-spacing: 0.01em; }
.input { height: 46px; padding: 12px 14px; font-size: 15px; line-height: 1.2; transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease; }
.input::placeholder { color: rgba(148,163,184,0.75); }
.input:focus { background: rgba(187,247,208,0.95); border-color: rgba(46,125,50,0.85); box-shadow: 0 0 0 4px rgba(46,125,50,0.18); }
.tabs { margin-top: 14px; }
.tab { transition: border-color 120ms ease, background-color 120ms ease; }
.btn { height: 44px; padding: 0 14px; transition: background-color 120ms ease, border-color 120ms ease, transform 60ms ease; }
.btn:active { transform: translateY(1px); }
.msg { padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(31,41,55,0.9); background: rgba(15,22,32,0.55); }
.msg.error { border-color: rgba(239,68,68,0.45); background: rgba(239,68,68,0.08); }
.msg.ok { border-color: rgba(34,197,94,0.45); background: rgba(34,197,94,0.08); }


/* Login form layout */
.form { text-align: left; }
.label { margin-top: 14px; }
.small a { color: #e8eef6; text-decoration: underline; }
.small a:hover { color: #bbf7d0; }


/* Typography consistency */
input, button, textarea, select { font-family: inherit; }


/* Form spacing */
.form { text-align: left; }
.label { margin: 16px 0 6px; }
.input { display:block; width:100%; }
#inviteRow { margin-top: 16px; }


/* Input text color */
.input { color: #ffffff; }
.input::placeholder { color: rgba(148,163,184,0.75); }

/* extras */
.btn.danger{ background: rgba(185,28,28,0.95); border-color: rgba(185,28,28,0.65); color: #fff; }
.btn.danger:hover{ background: rgba(220,38,38,1); border-color: rgba(220,38,38,0.85); }


/* --- layout: prevent edge-hugging on mobile (safe areas + padding) --- */
html, body{ overflow-x:hidden; }
body{ padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }

@media (max-width: 720px){
  .wrap{ padding: 32px 24px 56px; }
  .card{ padding: 22px; }
}


/* --- layout: narrow centered content card (like login.html) --- */
.card.narrow{ width: 80%; max-width: 1100px; margin-left: auto; margin-right: auto; }

/* card.narrow mobile */
@media (max-width: 720px){ .card.narrow{ width: 100%; } }



/* cards */
.card{ width: 80% !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }

/* bottom sections (security/arbitration/downloads blocks on index) */
.section{ width: 80% !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }

@media (max-width: 720px){
  .card{ width: 100% !important; }
  .section{ width: 100% !important; }
}


/* --- layout: match content block width to menu width (use wrap as the single width ruler) --- */
/* Menu already lives inside .wrap, so making blocks 100% width makes them align to the same ruler. */
.card, .section{ width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.card.narrow{ width: 100% !important; max-width: none !important; }

/* Keep hero in one column so widths are consistent */
.hero{ grid-template-columns: 1fr !important; }


/* --- mobile: kill horizontal overflow gap ("hole" on the right) --- */
html, body{ overflow-x:hidden !important; }

/* Menu: allow wrapping and reduce pill size on small screens */
@media (max-width: 820px){
  .nav{ flex-wrap:wrap !important; justify-content:flex-start !important; gap:8px !important; }
  .nav a{ padding:8px 10px !important; font-size:13px !important; border-radius:12px !important; }
}

/* --- content: remove "blocks" feeling (flatten minis/grids) --- */
.grid{ display:block !important; }
.mini{ background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; margin-top:26px !important; }
.mini:first-child{ margin-top:0 !important; }
.miniTitleRow{ gap:8px !important; }
.mini p{ margin-top:10px !important; }

/* Business value section: make it look like normal text flow */
.kicker{ margin-top:28px; }


/* --- flat look: no frames, no card panels, but keep spacing --- */
.card{ background: transparent !important; border: none !important; box-shadow: none !important; }

/* Keep readable spacing between sections */
.hero{ gap: 28px !important; }
.section{ margin-top: 48px !important; }

/* Make headings breathe */
h1{ margin-bottom: 14px !important; }
h2{ margin-top: 22px !important; }

/* Keep minis as plain blocks with spacing */
.mini{ margin-top: 28px !important; }


/* --- content alignment: keep sections centered even in flat mode --- */
.card, .section{ margin-left: auto !important; margin-right: auto !important; }

/* keep some horizontal breathing room on mobile */
@media (max-width: 720px){
  .card, .section{ padding-left: 20px !important; padding-right: 20px !important; }
}

/* --- login: fixed reasonable input width --- */
.form{ max-width: 520px; }
.input{ max-width: 520px; }


/* --- nav: fix mobile alignment/wrapping --- */
@media (max-width: 820px){
  .top{ flex-direction: column; align-items: flex-start; }
  .nav{ width: 100%; justify-content: flex-start !important; }
  .nav a{ margin: 0; }
}

/* lead: remove max-width (desktop full width) */
.lead{ max-width:none !important; }


/* --- typography: justify text inside content blocks (desktop) --- */
@media (min-width: 721px){
  .card p, .mini p{ text-align: justify; text-justify: inter-word; hyphens: auto; }
}


/* --- header bullets: green round bullets instead of icons --- */
.miniTitleRow{ display:inline-flex !important; align-items:center !important; gap:10px !important; }
svg.miniIcon{ display:none !important; }
.miniTitleRow::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green);
  display: inline-block;
  flex: 0 0 auto;
}
.miniTitleRow h3{ margin:0 !important; line-height:1.25 !important; }


/* --- nav: make authSlot link styled like other menu items --- */
.nav #authSlot{ display: contents; }
.nav #authSlot a{ display:inline-flex; align-items:center; justify-content:center; }


/* --- desktop: make text blocks use same left/right gutters as menu (wrap padding is the ruler) --- */
@media (min-width: 821px){
  /* blocks fill the wrap width */
  .card, .section{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }

  /* remove extra horizontal inset inside blocks so text starts where menu starts */
  .card{ padding-left:0 !important; padding-right:0 !important; }
  .section{ padding-left:0 !important; padding-right:0 !important; }
}


/* --- layout: hero uses same horizontal gutters as wrap (padding ruler) --- */
.hero{ padding-right: 0; padding-right: 0; }


/* --- hero container sizing (requested) --- */
.hero{ max-width:1120px; margin:0 auto; padding:0 20px; }


/* --- index: hero two columns on desktop --- */
@media (min-width: 961px){
  .hero{ grid-template-columns: 1.15fr 0.85fr; }
}

/* --- index: section container sizing (requested for #security/#arbitration/#downloads) --- */
.section.sectionWrap{ max-width:1120px; margin:0 auto; padding:0 20px; }


/* --- index overrides: ensure they win vs earlier !important rules --- */
@media (min-width: 961px){
  .hero{ grid-template-columns: 1.15fr 0.85fr !important; }
}
.section.sectionWrap{ max-width:1120px !important; margin:0 auto !important; padding:0 20px !important; }


/* --- hero: two columns on desktop-like widths (match index behavior) --- */
@media (min-width: 821px){
  .hero{ grid-template-columns: 1.15fr 0.85fr !important; }
}


/* inputs: black text */
.input{ color:#000 !important; }

/* inputs: light background */
.input{ background: rgba(255,255,255,0.92) !important; border-color: rgba(31,41,55,0.55) !important; }
.input::placeholder{ color: rgba(0,0,0,0.45) !important; }


/* forms: a bit more vertical spacing between inputs/rows */
.form .label{ margin-top: 22px; }
.form .input{ margin-top: 8px; }
.form .input + .label{ margin-top: 18px; }


/* forms: override generic .label margin rule */
.form label.label{ margin: 22px 0 6px !important; }
.form label.label:first-of-type{ margin-top: 0 !important; }


/* forms: labels must be block-level so vertical margins actually apply */
.form label.label{ display:block !important; }
.form .input{ display:block; margin-bottom: 10px; }

/* profile: plain values (no pills) */
.profileValue{ color: var(--text); font-family: inherit; font-size: 14px; }
.emailStatus{font-weight: 600; font-family: inherit;font-size: 14px;}

/* profile: plain values (no pills) */
.profileValue{ color: var(--text); font-family: inherit; font-size: 14px; }
.emailStatus{font-weight: 600; font-family: inherit;font-size: 14px;}

#sendVerifyBtn{ font-size: 14px; }

#emailHint{ font-size: 14px; }




/* Make the dropdown a vertical list regardless of nav styles */
.langList{ display:none; position:absolute; right:0; top:40px; min-width:220px; padding:8px; border-radius:12px; border:1px solid rgba(255,255,255,0.10); background:rgba(6,10,15,0.98); box-shadow:0 16px 40px rgba(0,0,0,0.45); z-index:80; }
.langDrop.open .langList{ display:flex; flex-direction:column; gap:6px; }

.langList .langItem{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,0.10); background:rgba(255,255,255,0.03); color:var(--text); text-decoration:none; font-weight:700; font-size:13px; white-space:nowrap; }
.langList .langItem:hover{ border-color: rgba(70,210,126,0.25); background:rgba(255,255,255,0.05); }

.langLeft{ display:inline-flex; align-items:center; gap:10px; }
.langFlag{ width:22px; text-align:center; }
.langName{ color:var(--text); }
.langCode{ color:var(--muted); font-weight:800; font-size:12px; }











/* lang row */
.langRow a{ font-size:14px; opacity:0.95; }
.langRow a:hover{ opacity:1; }




@media (max-width: 720px){
  .top{ flex-direction: column; align-items: flex-start; }
  .nav{
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 2px;
  }
  .nav::-webkit-scrollbar{ display:none; }
  .nav a{ white-space: nowrap; }
}


/* nav (mobile): stacked, wrapped links */
@media (max-width: 720px){
  .top{ flex-direction: column; align-items: flex-start; }
  .nav{ width: 100%; justify-content: flex-start; gap: 16px; }
  .nav a{ padding: 0; }
}

.flagIcon{ width:16px; height:16px; border-radius:4px; display:block; box-shadow:0 6px 18px rgba(0,0,0,0.35); }

.flagEmoji{ font-size:14px; line-height:1; }

/* switch link visible */
#switch{ display:block; }


/* bullets list */
.bullets{ margin: 10px 0 0; padding-left: 18px; }
.bullets li{ margin: 8px 0; }


/* homeH3BulletsV1: green bullets for h3 on home page */
.home .mini h3{ display:flex; align-items:center; gap:10px; }
.home .mini h3::before{ content:''; width:8px; height:8px; border-radius:999px; background: var(--green); flex:0 0 auto; }


/* store icons (home CTA) */
.storeLink{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; border:1px solid var(--border); background: rgba(15,22,32,0.35); }
.storeLink:hover{ border-color: rgba(46,125,50,0.65); background: rgba(46,125,50,0.12); }
.storeIcon{ width:22px; height:22px; filter: none; }


/* store badges (home CTA) */
.storeBadge{ display:inline-flex; }
.storeBadgeImg{ height:56px; width:auto; display:block; }
@media (max-width: 520px){ .storeBadgeImg{ height:50px; } }

.storeBadgeImg{ max-width:190px; }




/* storeBadgeClipOffV1 */
.storeBadge{ border-radius:0 !important; overflow:visible !important; background: transparent !important; }
.storeBadgeImg{ border-radius:0 !important; }


/* colorSwatchesV1 */
.colorSwatches{ display:inline-flex; gap:6px; margin-left:10px; vertical-align:middle; }
.swatch{ width:12px; height:12px; border-radius:4px; display:inline-block; border:1px solid rgba(255,255,255,0.22); box-shadow: 0 0 0 1px rgba(0,0,0,0.35) inset; }
.swatch.red{ background:#ef4444; }
.swatch.green{ background:#22c55e; }
.swatch.orange{ background:#f59e0b; }
.swatch.blue{ background:#38bdf8; }


/* heroTwoColFixV1: keep hero two columns on desktop */
@media (min-width: 961px){
  .hero{ display:grid; grid-template-columns: 1.15fr 0.85fr !important; align-items:start; }
}


/* h3BulletsGlobalV1: green bullets for all h3 */
h3{ display:flex; align-items:center; gap:10px; }
h3::before{ content:''; width:8px; height:8px; border-radius:999px; background: var(--green); flex:0 0 auto; }
/* Do not bullet the main hero H1/H2 etc; h3 only */
/* Keep nav h3 unaffected (none exist) */


/* noDoubleBulletsV1: prevent h3 bullet when miniTitleRow already has bullet */
.miniTitleRow h3::before{ content:none !important; display:none !important; }


/* miniBadgeV1 */
.miniBadge{ height:28px; width:auto; display:block; }
@media (max-width: 520px){ .miniBadge{ height:24px; } }


/* storeLogoV1 */
.storeLogo{ height:44px; width:auto; display:inline-block; }
@media (max-width: 520px){ .storeLogo{ height:40px; } }


/* linkBlueV1 */
.card a, .mini a{ color:#4ea3ff; text-decoration: underline; text-underline-offset: 2px; }
.card a:hover, .mini a:hover{ color:#79b8ff; }


/* homeSectionGapFixV1 */
.home .section.sectionWrap{ margin-top: 28px !important; }
.home .hero{ gap: 16px !important; }



/* heroSideAbsV1: keep screenshot on the right without overlapping left content */
@media (min-width: 961px){
  .home .hero{ position: relative; }
  .home .hero .heroSide{ position: absolute; right: 0; top: 0; width: 420px; }
  /* Reserve space for the side card */
  .home .hero > .card#about{ max-width: calc(100% - 460px); }
}
@media (max-width: 960px){
  .home .hero .heroSide{ position: static; width: auto; }
  .home .hero > .card#about{ max-width: none; }
}
  .home .hero .heroSide{ position: static; width: auto; }
}


/* heroHoleFixV1: reserve height for absolute side card */
@media (min-width: 961px){
  .home .hero{ min-height: 520px; }
}


/* homeHeroGridFixV1: keep placeholder on the right without holes or overlap */
@media (min-width: 961px){
  .home .hero{ display:grid !important; grid-template-columns: 1.15fr 0.85fr !important; gap:22px !important; align-items:start; }
  .home .hero .heroSide{ position: static !important; width:auto !important; grid-column:2; grid-row:1 / span 2; }
  .home .hero #about{ grid-column:1; grid-row:1; }
  .home .hero #security{ grid-column:1; grid-row:2; margin-top: 0 !important; }
}

/* neutralize old hero hacks */
.home .hero{ padding-right:0 !important; min-height:auto !important; }


/* homeHeroLayoutV2: stable two-column hero with left stack */
@media (min-width: 961px){
  .home .hero{ display:grid !important; grid-template-columns: 1.15fr 0.85fr !important; gap:22px !important; align-items:start; }
  .home .heroLeft{ display:flex; flex-direction:column; gap:22px; }
  .home .heroSide{ position: sticky; top: 24px; }
  .home .homeSecurity{ margin-top: 0 !important; }
}
@media (max-width: 960px){
  .home .hero{ grid-template-columns: 1fr !important; }
  .home .heroLeft{ display:block; }
}


/* homeSecurityAlignV1 */
.home .homeSecurity{ max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }


/* brandAlignFixV1 */
.brand{ align-items: center; }
.brand .name{ display:flex; flex-direction:column; }
.brand .name .t{ text-align:left; }


/* footerAlignFixV1 */
.footer{ max-width:1120px; margin-left:auto !important; margin-right:auto !important; padding-left:20px; padding-right:20px; }


/* pdfSideV1 */
.pdfSide .phone{ flex-direction:column; align-items:center; gap:22px; }
.pdfSide .phone img{ width:min(420px,100%); }
.pdfSide .phone .noFrame{ border:0 !important; box-shadow:none !important; border-radius:0 !important; display:block; margin-left:auto; margin-right:auto; }
.pdfSide .phone .verifyShift{ margin-left:0 !important; }
.pdfSide .phone .verifyDown{ margin-top:0; }
.pdfSide .phone .verifySmall{ width:70% !important; height:auto !important; margin-top:0; margin-bottom:0; }


/* arbGridV2 */
.arbGrid{ display:grid; grid-template-columns: 1.15fr 0.85fr; gap:22px; align-items:start; grid-auto-flow: row; }
.arbGrid .arbLeft{ grid-column: 1; }
.arbGrid .arbRight{ grid-column: 2; }
@media (max-width: 820px){ .arbGrid{ grid-template-columns:1fr; } .arbGrid .arbLeft, .arbGrid .arbRight{ grid-column:auto; } }


/* leadSpacingV1 */
.lead{ margin: 0 0 12px 0; }
.lead:last-child{ margin-bottom: 0; }


/* footerInnerAlignV1: do not double-pad footers inside sections/cards */
.sectionWrap .footer{ max-width:none; margin-left:0 !important; margin-right:0 !important; padding-left:0; padding-right:0; }
.card .footer{ max-width:none; margin-left:0 !important; margin-right:0 !important; padding-left:0; padding-right:0; }

/* layoutNormalizeV1: consistent vertical rhythm across pages */
.hero{ margin-top:10px !important; }
.section.sectionWrap{ margin-top:34px !important; }
/* Keep home slightly tighter */
.home .section.sectionWrap{ margin-top:28px !important; }


/* arbGridContainV1: keep pdf side inside section width */
.sectionWrap .arbGrid{ width:100%; }
.sectionWrap .arbGrid > .card{ width:auto !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }


/* arbGridNarrowFixV1: disable .card.narrow sizing inside arbitration grid */
.arbGrid .card.narrow{ width:auto !important; max-width:none !important; margin:0 !important; }


/* heroSideStackV1 */
.heroSideStack{ display:flex; flex-direction:column; gap:22px; }
@media (min-width: 961px){ .heroSideStack{ grid-column: 2; } }


/* secLayoutV1: two-column page layout without vertical holes */
.secLayout{ display:grid; grid-template-columns: 1.15fr 0.85fr; gap:22px; align-items:start; }
.secLeft{ min-width: 0; }
.secRight{ min-width: 0; }
.secRight .heroSideStack{ position: sticky; top: 24px; }
/* On mobile stack */
@media (max-width: 960px){ .secLayout{ grid-template-columns:1fr; } .secRight .heroSideStack{ position: static; } }


/* heroSideStackV2 */
.heroSideStack{ display:flex; flex-direction:column; gap:22px; }




/* arbHeroV1 */
.arbHero{ display:grid; grid-template-columns: 1.15fr 0.85fr; gap:22px; align-items:start; }
.arbLeft{ min-width:0; }
.arbRight{ min-width:0; }
@media (max-width: 960px){ .arbHero{ grid-template-columns:1fr; } }

/* page-security clean layout (match home) */
.page-security .hero{ display:grid; grid-template-columns: 1.15fr 0.85fr; gap:22px; align-items:start; }
.page-security .heroLeft{ display:flex; flex-direction:column; gap:22px; }
.page-security .heroSide{ display:flex; flex-direction:column; gap:22px; }
.page-security .securityHeroMedia{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; width:min(420px,100%); display:flex; justify-content:center; }
.page-security .securityPhoneShot{ width:min(336px,100%) !important; aspect-ratio:336 / 688; height:auto !important; object-fit:contain; border:0 !important; box-shadow:none !important; border-radius:0 !important; }
.page-about .aboutHeroMedia,
.page-investors .investorsHeroMedia{ padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; width:min(420px,100%); display:flex; justify-content:center; }
.page-about .pageHeroShot,
.page-investors .pageHeroShot{ width:min(336px,100%) !important; aspect-ratio:336 / 688; height:auto !important; object-fit:contain; border:0 !important; box-shadow:none !important; border-radius:0 !important; }
@media (max-width: 960px){ .page-security .hero{ grid-template-columns:1fr; } }


/* arbMarginFixV1 */
#arbitration{ margin-top: 22px !important; }


/* siteFooterV2 (strict) */
.siteFooter{ margin-top:46px; padding: 18px 0 22px; border-top: 1px solid rgba(31,41,55,0.85); background: rgba(11,15,20,0.35); }
.siteFooterInner{ max-width:1120px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.siteFooterLinks{ display:flex; gap:16px; flex-wrap:wrap; }
.siteFooterLinks a{ color: var(--muted); text-decoration: none; font-weight:700; font-size:13px; letter-spacing:0.02em; }
.siteFooterLinks a:hover{ color: var(--text); text-decoration: underline; text-underline-offset: 2px; }
.siteFooterCopy{ color: rgba(245,245,247,0.72); font-size: 12px; letter-spacing:0.03em; }
@media (max-width: 520px){ .siteFooterInner{ flex-direction:column; align-items:flex-start; } }

/* siteFooterFixV2 */
.siteFooter{ width:100%; }
.siteFooterInner{ width:100%; box-sizing:border-box; }


/* legalHeroOneColV1 */
@media (min-width: 821px){
  .page-legal .hero{ grid-template-columns: 1fr !important; }
}


/* legalTextWidthV1 */
.page-legal .lead{ max-width: none !important; }
.page-legal .card{ max-width: none !important; width: 100% !important; }
.page-legal .card > *{ max-width: none; }