block is the module.
     =========================================================================== -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Inter:wght@100..900&display=swap">

<style>
/* ===========================================================================
   GLOPAL LP  ·  lp-c4  ·  Grow cross-border sales
   Built from design_handoff_glopal_lps (Claude Design, 11 Sep 2026).
   Every hex, size and measurement is lifted from that handoff, not rounded.

   SCOPE ARMOUR · every selector is written :is(.gp-lp, #gp-lp.lp-c4). :is()
   takes the highest specificity of its arguments, so each rule inherits the
   id's weight and out-ranks a hostile parent theme with no !important.

   UNITS · px only. The parent theme owns the root font size, so rem is unsafe.

   The one deliberately unscoped rule is html{scroll-behavior} below: the
   in-page anchors need it and a scoped rule cannot reach the scroll container.
   =========================================================================== */
html{scroll-behavior:smooth;}
/* TOKENS · the whole list, one rule. Nothing else in this file defines a value.
   --gp-art-cap and --gp-seam are the two HubSpot module fields: artifact height
   cap (280-480px) and seam opacity (60-100%). */
#gp-lp.lp-c4{
  --navy:#171B25; --brass:#BDA467; --brass-pressed:#A9945F; --brass-edge:#AE9556;
  --brass-ink:#8A6E33; --ivory:#F7F4EE; --warm:#F6F4F0; --white:#FFFFFF;
  --btn-ink:#12161E;
  /* navy at opacity, on light grounds */
  --ink-78:rgba(23,27,37,.78); --ink-72:rgba(23,27,37,.72);
  --ink-62:rgba(23,27,37,.62); --ink-56:rgba(23,27,37,.56);
  --ink-52:rgba(23,27,37,.52); --ink-46:rgba(23,27,37,.46);
  --ink-40:rgba(23,27,37,.40); --ink-24:rgba(23,27,37,.24);
  --ink-14:rgba(23,27,37,.14); --ink-04:rgba(23,27,37,.04);
  /* ivory and white at opacity, on navy */
  --inv-92:rgba(247,244,238,.92); --inv-86:rgba(247,244,238,.86);
  --inv-82:rgba(255,255,255,.82); --inv-78:rgba(255,255,255,.78);
  --inv-72:rgba(247,244,238,.72); --inv-64:rgba(255,255,255,.64);
  --inv-56:rgba(247,244,238,.56); --inv-42:rgba(247,244,238,.42);
  --inv-34:rgba(247,244,238,.34); --inv-32:rgba(255,255,255,.32);
  --inv-24:rgba(247,244,238,.24); --inv-18:rgba(247,244,238,.18);
  --inv-10:rgba(247,244,238,.10); --inv-035:rgba(247,244,238,.035);
  --ff-display:'Fraunces',Georgia,'Times New Roman',serif;
  --ff-text:'Inter',system-ui,-apple-system,'Helvetica Neue',sans-serif;
  --gut:clamp(24px,6vw,112px); --max:1200px;
  --ease:cubic-bezier(.2,.6,.2,1); --dur:140ms;
  --gp-art-cap:380px; --gp-seam:1; --gp-hdr-clear:76px;
}
/* RESET, scoped */
:is(.gp-lp,#gp-lp.lp-c4),:is(.gp-lp,#gp-lp.lp-c4) *{box-sizing:border-box;}
:is(.gp-lp,#gp-lp.lp-c4) *{margin:0;}
:is(.gp-lp,#gp-lp.lp-c4){background:var(--white);color:var(--navy);
  font-family:var(--ff-text);font-size:16.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;}
/* The theme applies text-transform:uppercase to headings. Denied once, here. */
:is(.gp-lp,#gp-lp.lp-c4) :is(h1,h2,h3,h4,h5,h6,summary,legend){text-transform:none;}
:is(.gp-lp,#gp-lp.lp-c4) :focus-visible{outline:2px solid var(--brass);
  outline-offset:3px;}
:is(.gp-lp,#gp-lp.lp-c4) ::selection{background:var(--brass);color:var(--btn-ink);}
:is(.gp-lp,#gp-lp.lp-c4) a{color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) a:hover{color:var(--brass-ink);}
:is(.gp-lp,#gp-lp.lp-c4) :is(a,button,summary){transition:
  color var(--dur) var(--ease),background-color var(--dur) var(--ease),
  border-color var(--dur) var(--ease);}
:is(.gp-lp,#gp-lp.lp-c4) img{max-width:100%;}
/* TYPE ROLES · Fraunces holds exactly three: h1, h2, large figures.
   Everything else, card titles included, is Inter.
   font-variation-settings is load-bearing. Do not strip it. */
:is(.gp-lp,#gp-lp.lp-c4) :is(h1,h2,.gp-fig){font-family:var(--ff-display);
  font-optical-sizing:none;}
:is(.gp-lp,#gp-lp.lp-c4) h1{font-variation-settings:'opsz' 144,'SOFT' 0,'WONK' 0;
  font-weight:575;font-size:clamp(38px,4.2vw,54px);line-height:1.06;
  letter-spacing:-.024em;margin:20px 0 0 -.026em;max-width:21ch;
  text-wrap:balance;}
:is(.gp-lp,#gp-lp.lp-c4) h1 em{font-style:italic;color:var(--brass);}
:is(.gp-lp,#gp-lp.lp-c4) h2{font-variation-settings:'opsz' 120,'SOFT' 0,'WONK' 0;
  font-weight:580;font-size:clamp(29px,3vw,38px);line-height:1.12;
  letter-spacing:-.02em;margin:16px 0 0 -.022em;text-wrap:balance;}
:is(.gp-lp,#gp-lp.lp-c4) h3{font-family:var(--ff-text);font-size:19px;
  font-weight:600;letter-spacing:-.012em;line-height:1.35;margin:20px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fig{font-variation-settings:'opsz' 96,'SOFT' 0,'WONK' 0;
  font-weight:580;line-height:.94;letter-spacing:-.028em;
  font-variant-numeric:tabular-nums lining-nums;}
:is(.gp-lp,#gp-lp.lp-c4) p{text-wrap:pretty;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-eyebrow{display:block;font-size:11px;font-weight:600;
  letter-spacing:.17em;margin-right:-.17em;text-transform:uppercase;
  color:var(--ink-62);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-dark .gp-eyebrow{color:var(--inv-78);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-lede{font-size:18px;line-height:1.58;
  color:var(--ink-72);max-width:60ch;margin:18px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-body{font-size:16.5px;line-height:1.62;
  color:var(--ink-72);max-width:66ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-note{font-size:13px;line-height:1.6;
  color:var(--ink-56);}
/* SECTION SHELL */
:is(.gp-lp,#gp-lp.lp-c4) .gp-sec{padding:72px var(--gut);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-wrap{max-width:var(--max);margin:0 auto;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-warm{background:var(--warm);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-dark{background:var(--navy);color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-dark :is(h1,h2,h3){color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-dark .gp-lede{color:var(--inv-72);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-dark .gp-body{color:var(--inv-82);}
/* NOCTURNE · a full-bleed photographic dark band. No text ever sits on the
   photograph: a directional seam holds the copy on flat navy instead of a flat
   scrim, which would dim the whole frame. Max two per page. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-noct{position:relative;background:var(--navy);
  overflow:hidden;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-noct-bed{position:absolute;inset:0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-noct-bed img{position:absolute;inset:0;width:100%;
  height:100%;object-fit:cover;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-seam{position:absolute;inset:0;pointer-events:none;
  opacity:var(--gp-seam);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-seam--side{background:
  linear-gradient(90deg,#171B25 0%,#171B25 55%,rgba(23,27,37,.62) 78%,rgba(23,27,37,.16) 100%),
  linear-gradient(180deg,#171B25 0,transparent 120px),
  linear-gradient(0deg,#171B25 0,transparent 120px);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-seam--bl{background:
  radial-gradient(130% 130% at 0% 100%,#171B25 0%,#171B25 46%,rgba(23,27,37,.66) 72%,rgba(23,27,37,.18) 100%),
  linear-gradient(180deg,#171B25 0,transparent 120px),
  linear-gradient(0deg,#171B25 0,transparent 120px);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-noct .gp-wrap{position:relative;}
/* CONTROLS */
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn{display:inline-flex;align-items:center;
  justify-content:center;gap:12px;background:var(--brass);
  border:1px solid var(--brass-edge);border-radius:2px;padding:18px 32px;
  color:var(--btn-ink);font-family:var(--ff-text);font-size:17px;font-weight:650;
  line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn:hover{background:var(--brass-pressed);
  border-color:var(--brass-pressed);color:var(--btn-ink);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn .gp-chev{font-size:15px;}
/* 01 · HEADER · deliberately absent. The parent theme paints its own fixed
   header with the Glopal wordmark; this module used to paint a second one
   directly beneath it, giving two wordmarks in the first viewport. The theme's
   is now the only one. Do not reintroduce .gp-hdr here. */

/* 02 · HERO */
  /* The parent theme's header is position:fixed and 85px tall. The page used to
     clear it for free with its own 76px .gp-hdr band; that band is gone (it was
     painting a second wordmark), so the hero reserves the room explicitly. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{
  padding:calc(72px + var(--gp-hdr-clear)) var(--gut) 80px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;
  align-items:stretch;max-width:var(--max);margin:0 auto;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero-sub{font-size:18px;line-height:1.58;
  color:var(--inv-82);margin:24px 0 0;max-width:56ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero-cta{display:flex;align-items:center;gap:14px;
  margin-top:28px;}
/* The artifact stands at 90% of the copy block's height and sits on the copy's
   last baseline rather than floating centred against it. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-heroart-cell{display:flex;align-items:flex-end;
  justify-content:flex-end;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-heroart{display:block;width:auto;max-width:100%;
  height:90%;object-fit:contain;object-position:right bottom;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.7);}
/* 03 · TRUST */
:is(.gp-lp,#gp-lp.lp-c4) .gp-trust-eyebrow{display:block;font-size:13px;
  font-weight:700;letter-spacing:.14em;margin-right:-.14em;
  text-transform:uppercase;color:var(--brass);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-logos{display:grid;grid-template-columns:repeat(4,1fr);
  gap:26px 24px;margin-top:32px;align-items:baseline;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-logos span{font-size:14px;font-weight:600;
  letter-spacing:.13em;margin-right:-.13em;text-transform:uppercase;
  color:var(--ink-46);white-space:nowrap;}
/* 04 · STATEMENT */
:is(.gp-lp,#gp-lp.lp-c4) .gp-stmt h2{max-width:24ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-stmt .gp-body{margin-top:24px;max-width:76ch;}
/* 05 · THE FEATURE-ROW SYSTEM · the single most important layout rule.
   Copy column fixed at 436px (a 55-character measure), artifact column auto,
   space-between, 64px column gap, top-aligned. The artifact sizes itself from
   its height cap; never width:100% with a max-height, which stretches the
   bitmap. No wrapper, no border, no padding, no card, no tinted ground, no
   radius: the assets are pre-composed and any frame double-borders them. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-feats{display:flex;flex-direction:column;gap:64px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat{display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;
  align-items:start;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat--rev{
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat-copy{max-width:436px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat-head{border-top:2px solid var(--navy);
  padding-top:14px;display:flex;align-items:baseline;gap:14px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat-num{font-size:13px;font-weight:600;
  font-variant-numeric:tabular-nums;color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat-cat{font-size:11px;font-weight:600;
  letter-spacing:.17em;margin-right:-.17em;text-transform:uppercase;
  color:var(--ink-62);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat p{font-size:16.5px;line-height:1.62;
  color:var(--ink-72);margin:14px 0 0;}
/* The artifact cell is a bare grid cell: no border, no padding, no card, no
   tinted ground, no radius. The assets are pre-composed, so any frame
   double-borders them. The image fills the 7fr track rather than sizing off a
   height cap: these assets are 1402x1122 (5:4), so a 380px cap would render
   them 475px wide and they would read as starved next to a 436px measure. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-artcell{display:block;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--first{order:-1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-art{display:block;width:100%;height:auto;}
/* 06 · PARALLEL LIST CARDS · identical construction, equal heights. The
   "Glopal adds" card carries the single brass top rule; the other carries none. */
/* One two-column table, not two stacked cards: the reader compares across a
   row instead of holding the left column in their head. Cells are laid out
   row-major so grid gives every pair a shared row height and the hairlines
   line up. The Glopal column takes the single 2px brass top rule. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cards{display:grid;grid-template-columns:1fr 1fr;
  margin-top:44px;background:var(--white);
  border:1px solid var(--ink-14);border-top:0;border-radius:0 0 4px 4px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-own{border-left:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-head{font-size:11px;font-weight:600;
  letter-spacing:.17em;margin-right:-.17em;text-transform:uppercase;
  color:var(--ink-56);padding:20px 26px 14px;
  border-top:1px solid var(--ink-14);border-bottom:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-head.gp-card-own{
  border-top:2px solid var(--brass);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-cap{display:none;font-size:12px;
  font-weight:600;letter-spacing:.14em;margin-right:-.14em;
  text-transform:uppercase;color:var(--ink-52);margin-bottom:4px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-row.gp-card-own .gp-card-cap{
  color:var(--brass-ink);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-row{padding:15px 26px;
  border-bottom:1px solid var(--ink-14);font-size:16.5px;line-height:1.5;
  color:var(--ink-78);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-row.gp-card-own{
  border-left:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) :is(.gp-card-row:last-child,.gp-card-row:nth-last-child(2)){
  border-bottom:0;}
/* 07 · COMPARISON TABLE · a bare grid, no container border and no radius.
   Cells carry their own padding; the key column's rule starts at the page
   margin. The Glopal column takes the brass top rule and a 10% fill. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp{display:grid;
  grid-template-columns:180px repeat(3,minmax(0,1fr));margin-top:40px;
  border:1px solid var(--inv-18);border-top:0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-th{padding:12px 20px;font-size:13px;
  font-weight:600;letter-spacing:.14em;margin-right:-.14em;
  text-transform:uppercase;color:var(--inv-56);
  border-top:1px solid var(--inv-18);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-th--own{border-top:2px solid var(--brass);
  background:var(--inv-10);color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-key{padding:12px 20px;font-size:15px;
  line-height:1.5;color:var(--inv-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-td{padding:12px 20px;font-size:16px;
  line-height:1.5;color:var(--inv-72);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-td--own{background:var(--inv-10);
  color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-spacer{padding:12px 20px;
  border-top:1px solid var(--inv-18);}
/* ≤768 the table becomes three stacked cards. Both forms carry the same rows;
   neither is aria-hidden and neither is the canonical one. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm{display:none;grid-template-columns:1fr;gap:16px;
  margin-top:36px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-card{background:var(--inv-035);
  border:1px solid var(--inv-18);border-radius:4px;padding:22px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-card--own{border-top:2px solid var(--brass);
  border-radius:0 0 4px 4px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-head{font-size:13px;font-weight:600;
  letter-spacing:.14em;margin-right:-.14em;text-transform:uppercase;
  color:var(--inv-56);padding-bottom:14px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-card--own .gp-cmpm-head{color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-row{padding:13px 0;
  border-top:1px solid var(--inv-18);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-k{font-size:13px;color:var(--inv-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-v{font-size:16px;line-height:1.5;margin-top:4px;
  color:var(--inv-72);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm-card--own .gp-cmpm-v{color:var(--white);}
/* PROOF STRIP · one figure construction across all four. No raised plus prefix.
   The top rule states provenance: 2px solid = sourced, 2px dashed =
   customer-stated, 1px dashed = unfilled. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-proof{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:44px;
  padding-top:36px;border-top:1px solid var(--inv-18);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf{border-top:2px solid var(--inv-42);padding-top:18px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf--stated{border-top-style:dashed;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf--open{border-top:1px dashed var(--inv-24);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-fig{display:flex;align-items:baseline;gap:6px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-fig .gp-fig{font-size:clamp(38px,3.2vw,46px);
  color:var(--white);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-unit{font-size:14px;font-weight:500;
  color:var(--inv-72);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-open-lbl{font-size:13px;font-weight:600;
  letter-spacing:.14em;margin-right:-.14em;text-transform:uppercase;
  color:var(--inv-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-line{font-size:15px;line-height:1.55;
  color:var(--inv-86);margin:14px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf--open .gp-pf-line{color:rgba(247,244,238,.62);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf-src{font-size:12px;color:var(--inv-56);
  margin:10px 0 0;}
/* 08 · FAQ · native details/summary. No JS accordion. All closed at rest. */
/* Identical to the Global-e implementation, which is the reference. The
   summary is a three-track grid, so every summary MUST ship three element
   children: number, question, toggle. A bare text node becomes an anonymous
   grid item, lands in the 44px numbering track and wraps one word per line. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq h2{margin-bottom:32px;max-width:26ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq details{border-top:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq details:last-of-type{
  border-bottom:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq summary{list-style:none;cursor:pointer;
  display:grid;grid-template-columns:44px minmax(0,1fr) 24px;gap:12px;
  align-items:start;padding:20px 0;font-size:16.5px;font-weight:600;
  line-height:1.4;color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq summary::-webkit-details-marker{display:none;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq-n{font-size:13px;font-weight:600;
  color:var(--ink-52);font-variant-numeric:tabular-nums;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq .gp-plus{font-size:18px;color:var(--ink-52);
  text-align:right;line-height:1.2;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq details[open] .gp-plus{transform:rotate(45deg);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq-a{font-size:16px;line-height:1.62;
  color:var(--ink-72);margin:0 0 24px;padding-left:56px;max-width:80ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq-out{font-size:16px;line-height:1.62;
  color:var(--ink-72);margin:26px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq-out a{text-underline-offset:4px;}
/* 09 · CLOSING CTA · centred eyebrow, headline and one line of sub, then a
   single white card beneath. Both pages share this; the grow page used to run
   a two-column split that read as two competing asks. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta{padding:64px var(--gut) 68px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy{position:relative;max-width:720px;
  margin:0 auto;text-align:center;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy h2{margin:12px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy .gp-body{margin:14px auto 0;max-width:56ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-formcard{position:relative;max-width:720px;
  margin:26px auto 0;background:var(--white);border-radius:4px;
  padding:26px 28px;box-shadow:0 32px 64px -36px rgba(0,0,0,.55);
  text-align:left;}
/* "What comes back" rides inside the card, above the first field, so the
   promise and the ask are one object rather than two columns. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns{margin:0 0 22px;padding-bottom:18px;
  border-bottom:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns .gp-eyebrow{color:var(--ink-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns-list{margin-top:12px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return{display:grid;
  grid-template-columns:26px minmax(0,1fr);gap:12px;padding:6px 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return-n{font-size:13px;font-weight:600;
  color:var(--ink-52);font-variant-numeric:tabular-nums;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return-t{font-size:15px;line-height:1.5;
  color:var(--ink-78);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns-note{font-size:13px;line-height:1.55;
  color:var(--ink-56);margin:10px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-formcard > .gp-eyebrow{margin-bottom:16px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-formnote{font-size:13px;line-height:1.55;
  color:var(--ink-56);margin:14px 0 0;}
/* HubSpot form embed · the fields are HubSpot's markup, so the lp-c4 control
   styling is restated against its class names. The :is() armour carries id
   weight, which out-ranks HubSpot's own class-level form stylesheet. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-form-field{margin-bottom:16px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform label{display:block;font-size:11px;
  font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--ink-62);margin-bottom:8px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-form-required{color:var(--brass-ink);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform :is(input[type=text],input[type=email],
  input[type=url],input[type=tel],input[type=number],select,textarea){
  width:100%;font-family:var(--ff-text);font-size:16px;padding:12px 15px;
  min-height:46px;border:1px solid var(--ink-24);border-radius:2px;
  background:var(--white);color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-button{display:inline-flex;
  align-items:center;justify-content:center;background:var(--brass);
  border:1px solid var(--brass-edge);border-radius:2px;padding:17px 32px;
  color:var(--btn-ink);font-family:var(--ff-text);font-size:17px;
  font-weight:650;line-height:1;cursor:pointer;width:auto;min-height:46px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-button:hover{
  background:var(--brass-pressed);border-color:var(--brass-pressed);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-error-msgs{list-style:none;padding:0;
  margin:6px 0 0;font-size:13px;color:#B3261E;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-error-msgs li{margin:0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform :is(.hs-richtext,.legal-consent-container){
  font-size:14px;line-height:1.5;color:var(--ink-72);margin-bottom:14px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .submitted-message{font-size:16px;
  line-height:1.6;color:var(--ink-78);}
/* Name and email share a row above 560px; everything else runs full width. */
@media (min-width:561px){
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hsform form{display:grid;
    grid-template-columns:1fr 1fr;column-gap:16px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hsform form > *{grid-column:1 / -1;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hsform form > .hs-form-field:nth-of-type(1),
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hsform form > .hs-form-field:nth-of-type(2){
    grid-column:auto;}
}
/* The POWER theme paints its own button as .hs_submit::before - an absolutely
   positioned navy block filling the whole submit row, which sat next to our
   brass control. Neutralised here, along with the theme's uppercasing. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform :is(.hs_submit,.hs-submit)::before,
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform :is(.hs_submit,.hs-submit)::after{
  content:none;display:none;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform :is(.hs_submit,.hs-submit,.actions){
  position:static;background:none;padding:0;margin:0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hsform .hs-button{text-transform:none;
  letter-spacing:0;}
/* The closing CTA section is .gp-dark, which paints every eyebrow ivory. The
   form card is white, so its own eyebrow has to be re-inked or it vanishes. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-formcard .gp-eyebrow{color:var(--ink-62);}
/* ===========================================================================
   RESPONSIVE
   =========================================================================== */
@media (max-width:1040px){
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sec{padding-top:56px;padding-bottom:56px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{
    padding:calc(56px + var(--gp-hdr-clear)) var(--gut) 60px;
    grid-template-columns:minmax(0,1fr);gap:40px;}
    :is(.gp-lp,#gp-lp.lp-c4) :is(.gp-feat,.gp-feat--rev){
    grid-template-columns:minmax(0,1fr);gap:40px;}
  /* copy leads on a single column, whichever side the artifact sat on */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--first{order:0;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell{justify-content:flex-start;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-feats{gap:56px;}
}
@media (max-width:768px){
  /* the table stacks, so the column heads give way to per-cell captions */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-cards{grid-template-columns:minmax(0,1fr);
    border-top:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-head{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-cap{display:block;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row{padding:14px 20px;
    border-bottom:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row.gp-card-own{border-left:0;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row:nth-last-child(2){
    border-bottom:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row:last-child{border-bottom:0;}
  /* Rows 1 and 3 drop their artifact; rows 2 and 4 keep theirs. */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--drop{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-logos{grid-template-columns:repeat(2,1fr);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-cmp{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-cmpm{display:grid;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-proof{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hero-cta{flex-direction:column;
    align-items:stretch;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-proof{grid-template-columns:1fr;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-formcard{padding:22px 20px 20px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  :is(.gp-lp,#gp-lp.lp-c4) *{transition-duration:1ms !important;}
}
block is the module.
     =========================================================================== -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Inter:wght@100..900&display=swap">

<style>
/* ===========================================================================
   GLOPAL LP  ·  lp-c4  ·  Global-e alternative
   Built from design_handoff_glopal_lps (Claude Design, 11 Sep 2026).
   Every hex, size and measurement is lifted from that handoff, not rounded.

   SCOPE ARMOUR · every selector is written :is(.gp-lp, #gp-lp.lp-c4). :is()
   takes the highest specificity of its arguments, so each rule inherits the
   id's weight and out-ranks a hostile parent theme with no !important.

   UNITS · px only. The parent theme owns the root font size, so rem is unsafe.

   The one deliberately unscoped rule is html{scroll-behavior} below: the
   in-page anchors need it and a scoped rule cannot reach the scroll container.
   =========================================================================== */
html{scroll-behavior:smooth;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-h2sm{font-size:clamp(27px,2.5vw,34px);
  line-height:1.14;letter-spacing:-.018em;margin-left:-.02em;max-width:28ch;}
/* The centred closing copy measures 4.79:1 against the brass at worst, so this
   seam has to cover the bottom-right corner properly. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-seam--br{background:
  radial-gradient(140% 140% at 100% 100%,#171B25 0%,#171B25 52%,rgba(23,27,37,.74) 76%,rgba(23,27,37,.24) 100%),
  linear-gradient(180deg,#171B25 0,transparent 120px),
  linear-gradient(0deg,#171B25 0,transparent 120px);}
/* CONTROLS */
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn{display:inline-flex;align-items:center;
  justify-content:center;gap:12px;background:var(--brass);
  border:1px solid var(--brass-edge);border-radius:2px;padding:18px 34px;
  color:var(--btn-ink);font-family:var(--ff-text);font-size:17px;font-weight:650;
  line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-tlink{font-size:15px;color:var(--white);
  text-decoration:underline;text-underline-offset:5px;
  text-decoration-color:rgba(255,255,255,.4);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-tlink:hover{color:var(--white);
  text-decoration-color:var(--white);}
/* 01 · HEADER · deliberately absent. The parent theme paints its own fixed
   header with the Glopal wordmark; this module used to paint a second one
   directly beneath it, giving two wordmarks in the first viewport. The theme's
   is now the only one. Do not reintroduce .gp-hdr here. */

/* 02 · HERO */
  /* The parent theme's header is position:fixed and 85px tall. The page used to
     clear it for free with its own 76px .gp-hdr band; that band is gone (it was
     painting a second wordmark), so the hero reserves the room explicitly. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{
  padding:calc(72px + var(--gp-hdr-clear)) var(--gut) 80px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;
  align-items:stretch;max-width:var(--max);margin:0 auto;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero-sub{font-size:17px;line-height:1.62;
  color:var(--inv-82);margin:24px 0 0;max-width:54ch;}
/* Button and text link share one baseline. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero-cta{display:flex;align-items:center;gap:28px;
  margin-top:28px;flex-wrap:wrap;}
/* Pulled left of centre so the background's brass region stays visible to its
   right instead of sitting behind the card. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-heroart-cell{margin-right:clamp(0px,7vw,120px);}
/* 04 · THE FEATURE-ROW SYSTEM · the single most important layout rule.
   Copy column fixed at 436px (a 55-character measure), artifact column auto,
   space-between, 64px column gap, top-aligned. The artifact sizes itself from
   its height cap; never width:100% with a max-height, which stretches the
   bitmap. No wrapper, no border, no padding, no card, no tinted ground, no
   radius: the assets are pre-composed and any frame double-borders them. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-feats{display:flex;flex-direction:column;gap:64px;
  margin-top:48px;}
/* 05 · PARALLEL LIST CARDS · identical construction, equal heights. The
   "You get back" card carries the single brass top rule; the other carries none. */
/* One two-column table, not two stacked cards: the reader compares across a
   row instead of holding the left column in their head. Cells are laid out
   row-major so grid gives every pair a shared row height and the hairlines
   line up. The Glopal column takes the single 2px brass top rule. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cards{display:grid;grid-template-columns:1fr 1fr;
  margin-top:44px;background:var(--white);
  border:1px solid var(--ink-14);border-top:0;border-radius:0 0 4px 4px;}
/* 06 · SIDE BY SIDE · rows, not a table. No container border and no card.
   Glopal's column header takes the brass top rule and the brass-ink label. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs{margin-top:40px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-row{display:grid;
  grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:32px;padding:18px 0;
  border-top:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-row:last-child{border-bottom:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-hd{padding:0;border-top:0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-hd > div{padding:14px 0 13px;font-size:13px;
  font-weight:600;letter-spacing:.14em;margin-right:-.14em;
  text-transform:uppercase;color:var(--ink-52);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-hd > .gp-sbs-own{border-top:2px solid var(--brass);
  color:var(--brass-ink);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-k{font-size:15px;line-height:1.5;
  color:var(--ink-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-a{font-size:16px;line-height:1.5;
  color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-b{font-size:16px;line-height:1.5;
  color:var(--ink-72);}
/* Per-cell captions are hidden while the column headers carry the labels, and
   revealed when the rows stack below 768. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-cap{display:none;font-size:12px;font-weight:600;
  letter-spacing:.14em;margin-right:-.14em;text-transform:uppercase;
  margin-bottom:4px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-a .gp-sbs-cap{color:var(--brass-ink);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-b .gp-sbs-cap{color:var(--ink-52);}
/* 07 · PROOF · one figure construction across all four. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-proof2{display:grid;grid-template-columns:1fr 1fr;
  gap:28px;margin-top:36px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf2{border:1px solid var(--ink-14);
  border-top:2px solid var(--navy);border-radius:0 0 4px 4px;
  padding:24px 26px 22px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf2-fig{display:flex;align-items:baseline;gap:6px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf2-fig .gp-fig{font-size:clamp(40px,3.6vw,50px);
  color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf2-unit{font-size:14px;font-weight:500;
  color:var(--ink-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pf2-line{font-size:15.5px;line-height:1.55;
  color:var(--ink-78);margin:14px 0 0;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pq{display:flex;flex-wrap:wrap;align-items:baseline;
  gap:12px 32px;margin-top:28px;padding-top:20px;
  border-top:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pq-q{font-size:19px;line-height:1.45;font-weight:500;
  color:var(--navy);max-width:48ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-pq-who{font-size:13px;color:var(--ink-56);}
/* 08 · FAQ · native details/summary. No JS accordion. All closed at rest. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq h2{margin-bottom:32px;}
/* ===========================================================================
   RESPONSIVE
   =========================================================================== */
@media (max-width:1040px){
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sec{padding-top:56px;padding-bottom:56px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-cta{padding-top:56px;padding-bottom:56px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{
    padding:calc(56px + var(--gp-hdr-clear)) var(--gut) 60px;
    grid-template-columns:minmax(0,1fr);gap:40px;}
  /* the hero artifact's right offset goes with the second column */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-heroart-cell{margin-right:0;}
  :is(.gp-lp,#gp-lp.lp-c4) :is(.gp-feat,.gp-feat--rev){
    grid-template-columns:minmax(0,1fr);gap:40px;}
  /* copy leads on a single column, whichever side the artifact sat on */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--first{order:0;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell{justify-content:flex-start;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-feats{gap:56px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-proof2{gap:20px;}
}
@media (max-width:768px){
  /* the table stacks, so the column heads give way to per-cell captions */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-cards{grid-template-columns:minmax(0,1fr);
    border-top:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-head{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-cap{display:block;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row{padding:14px 20px;
    border-bottom:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row.gp-card-own{border-left:0;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row:nth-last-child(2){
    border-bottom:1px solid var(--ink-14);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-card-row:last-child{border-bottom:0;}
  /* Rows 1 and 3 drop their artifact; rows 2 and 4 keep theirs. */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--drop{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-logos{grid-template-columns:repeat(2,1fr);}
  /* the side-by-side rows stack, and each cell reveals its own caption */
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-hd{display:none;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-row{grid-template-columns:minmax(0,1fr);
    gap:12px;padding:18px 0 20px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-k{font-size:13px;font-weight:600;
    letter-spacing:.06em;text-transform:uppercase;color:var(--ink-62);}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-sbs-cap{display:block;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-proof2{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:560px){
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hero-cta{flex-direction:column;
    align-items:flex-start;gap:18px;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-hero-cta .gp-btn{width:100%;}
  :is(.gp-lp,#gp-lp.lp-c4) .gp-formcard{padding:22px 20px;}
}