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;
}
/* 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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn--ghost{background:transparent;
  border:1px solid var(--inv-34);padding:18px 28px;color:var(--white);
  font-weight:600;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-btn--ghost:hover{border-color:rgba(247,244,238,.66);
  background:rgba(247,244,238,.06);color:var(--white);}
/* 01 · HEADER · wordmark only. Nothing sticky: the parent theme may already
   have a sticky header. No nav, no CTA, no menu. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hdr{background:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-hdr-in{max-width:var(--max);margin:0 auto;
  padding:0 var(--gut);min-height:76px;display:flex;align-items:center;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-wordmark{font-size:19px;font-weight:650;
  letter-spacing:-.022em;color:var(--white);}
/* 02 · HERO */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{padding:72px var(--gut) 80px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;
  align-items:center;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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-metastrip{display:flex;flex-wrap:wrap;
  align-items:center;gap:10px 18px;margin-top:30px;padding-top:22px;
  border-top:1px solid var(--inv-18);font-size:13px;color:var(--inv-64);
  font-variant-numeric:tabular-nums;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-metastrip .gp-dot{color:var(--inv-32);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-heroart{display:block;width:100%;height:auto;
  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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-trustline{font-size:14px;line-height:1.5;
  color:var(--ink-56);margin:28px 0 0;font-variant-numeric:tabular-nums;}
/* 04 · STATEMENT */
:is(.gp-lp,#gp-lp.lp-c4) .gp-stmt{display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:64px;align-items:start;}
: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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-quote{background:var(--white);
  border:1px solid var(--ink-14);border-radius:4px;padding:28px;display:flex;
  flex-direction:column;gap:22px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-quote blockquote{font-family:var(--ff-display);
  font-optical-sizing:none;font-variation-settings:'opsz' 72,'SOFT' 0,'WONK' 0;
  font-weight:500;font-size:22px;line-height:1.38;letter-spacing:-.012em;
  color:var(--navy);text-wrap:pretty;}
/* The attribution is an unfilled placeholder and stays visible as one until
   sign-off. Never fill it with plausible copy. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-quote figcaption{margin-top:auto;padding-top:18px;
  border-top:1px solid var(--ink-14);font-size:13px;line-height:1.5;
  color:var(--ink-52);}
/* 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:436px auto;
  justify-content:space-between;column-gap:64px;align-items:start;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feat--rev{grid-template-columns:auto 436px;}
: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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-artcell{display:flex;justify-content:flex-end;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-artcell--first{order:-1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-art{display:block;width:auto;max-width:100%;
  height:auto;max-height:var(--gp-art-cap);}
/* 06 · PARALLEL LIST CARDS · identical construction, equal heights. The
   "Glopal adds" card carries the single brass top rule; the other carries none. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cards{display:grid;grid-template-columns:1fr 1fr;
  gap:32px;margin-top:44px;align-items:stretch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card{background:var(--white);
  border:1px solid var(--ink-14);border-radius:4px;padding:0 28px 22px;
  display:flex;flex-direction:column;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card--own{border-top:2px solid var(--brass);
  border-radius:0 0 4px 4px;}
: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:24px 0 15px;border-bottom:1px solid var(--ink-14);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-row{padding:17px 0;
  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:last-child{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:200px repeat(3,minmax(0,1fr));margin-top:40px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-th{padding:14px 22px;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-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:18px 22px 18px 0;font-size:15px;
  line-height:1.5;color:var(--inv-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cmp-td{padding:18px 22px;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:14px 22px 14px 0;}
/* ≤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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-proof-note{font-size:13px;line-height:1.6;
  color:var(--inv-56);margin:28px 0 0;}
/* 08 · FAQ · native details/summary. No JS accordion. All closed at rest. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq h2{margin-bottom:36px;max-width:26ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq details{border-top:1px solid var(--ink-14);
  padding:22px 0 24px;}
: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;
  font-size:16.5px;font-weight:600;line-height:1.4;color:var(--navy);
  display:flex;gap:16px;justify-content:space-between;align-items:flex-start;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq summary::-webkit-details-marker{display:none;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq .gp-plus{font-size:18px;color:var(--ink-52);
  line-height:1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq details[open] .gp-plus{transform:rotate(45deg);
  display:inline-block;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-faq-a{font-size:16px;line-height:1.62;
  color:var(--ink-72);margin:14px 0 0;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 */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta .gp-wrap{display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy{max-width:52ch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy h2{margin-top:14px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta-copy .gp-body{margin-top:18px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns{margin-top:28px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns .gp-eyebrow{color:var(--inv-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns-list{margin-top:14px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return{display:grid;
  grid-template-columns:26px minmax(0,1fr);gap:14px;padding:13px 0;
  border-top:1px solid var(--inv-18);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return-n{font-size:13px;font-weight:600;
  color:var(--white);font-variant-numeric:tabular-nums;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-return-t{font-size:16px;line-height:1.5;
  color:var(--inv-92);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-returns-note{font-size:13px;line-height:1.55;
  color:var(--inv-56);margin:14px 0 0;}
/* FORM · a real form. HTML validation only; the thank-you page handles the rest. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-formcard{background:var(--white);border-radius:4px;
  padding:28px 28px 26px;box-shadow:0 32px 64px -36px rgba(0,0,0,.55);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fgrid{display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin-top:20px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fld{display:block;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fld--wide{grid-column:1 / -1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-lbl{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) :is(.gp-fld input,.gp-fld select){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-consent{display:flex;gap:12px;align-items:flex-start;
  grid-column:1 / -1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-consent input{width:18px;height:18px;margin-top:2px;
  flex:none;accent-color:var(--navy);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-consent span{font-size:14px;line-height:1.5;
  color:var(--ink-72);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fsubmit{grid-column:1 / -1;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fsubmit .gp-btn{padding:17px 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-hero .gp-wrap{padding:56px var(--gut) 60px;
    grid-template-columns:minmax(0,1fr);gap:40px;}
:is(.gp-lp,#gp-lp.lp-c4) :is(.gp-stmt,.gp-cards,.gp-cta .gp-wrap){
    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){
  /* 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-fgrid{grid-template-columns:1fr;}
: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);}
/* 02 · HERO */
:is(.gp-lp,#gp-lp.lp-c4) .gp-hero .gp-wrap{padding:72px var(--gut) 80px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px;
  align-items:center;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. */
:is(.gp-lp,#gp-lp.lp-c4) .gp-cards{display:grid;grid-template-columns:1fr 1fr;
  gap:32px;margin-top:44px;align-items:stretch;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-card-row{padding:16px 0;
  border-bottom:1px solid var(--ink-14);font-size:16px;line-height:1.5;
  color:var(--ink-78);}
/* 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:220px 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;}
: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 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-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;}
/* 09 · CLOSING CTA · centred copy, then the form in a white card.
   Tightened above the headline and between sub and first field, not by
   shrinking type. */
: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;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fgrid{display:grid;grid-template-columns:1fr 1fr;
  gap:16px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fsubmit{grid-column:1 / -1;display:flex;
  align-items:center;gap:24px;flex-wrap:wrap;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-fsubmit span{font-size:13px;color:var(--ink-56);}
:is(.gp-lp,#gp-lp.lp-c4) .gp-cta{padding-top:56px;padding-bottom:56px;}
/* 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) .gp-cards{grid-template-columns:minmax(0,1fr);gap:40px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-feats{gap:56px;}
:is(.gp-lp,#gp-lp.lp-c4) .gp-proof2{gap:20px;}
}
/* 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;}
}