/* Yakkyofy Founders Network — "How big is Yakkyo" performance + live shipping map section.
   Self-contained, scoped under .yfn-net so it cannot affect the rest of the page. */
.yfn-net{
  --yfn-orange:#FF4F00; --yfn-orange-2:#FF7A3D; --yfn-amber:#FFB25A;
  --yfn-ink:#0a1120; --yfn-ink-2:#0d1728; --yfn-line:rgba(255,255,255,.08);
  --yfn-text:#eaf0fb; --yfn-muted:#94a2bd;
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(56px,7vw,104px) 20px;
  background:
    radial-gradient(1200px 600px at 78% -10%, rgba(255,79,0,.10), transparent 60%),
    radial-gradient(900px 500px at 8% 110%, rgba(43,86,168,.16), transparent 60%),
    linear-gradient(180deg,#070d18 0%,#0a1120 45%,#0b1426 100%);
  color:var(--yfn-text);
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.yfn-net *{box-sizing:border-box}
.yfn-net::before{ /* faint grid */
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.35;
  background-image:linear-gradient(var(--yfn-line) 1px,transparent 1px),linear-gradient(90deg,var(--yfn-line) 1px,transparent 1px);
  background-size:46px 46px; mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,transparent 100%);
}
.yfn-net__inner{position:relative; z-index:1; max-width:1180px; margin:0 auto}

.yfn-net__head{text-align:center; max-width:760px; margin:0 auto clamp(30px,4vw,48px)}
.yfn-net__eyebrow{
  display:inline-block; font-size:12px; font-weight:700; letter-spacing:.22em;
  color:var(--yfn-orange-2); text-transform:uppercase; margin-bottom:14px;
  padding:7px 14px; border:1px solid rgba(255,122,61,.35); border-radius:999px;
  background:rgba(255,79,0,.08);
}
.yfn-net__title{
  font-size:clamp(26px,3.6vw,44px); line-height:1.1; font-weight:700; margin:0 0 14px; color:#fff;
  letter-spacing:-.01em;
}
.yfn-net__title b{color:var(--yfn-orange); font-weight:700}
.yfn-net__sub{font-size:clamp(15px,1.6vw,18px); color:var(--yfn-muted); margin:0; line-height:1.5}

.yfn-net__kpis{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 auto clamp(34px,4vw,52px);
}
.yfn-kpi{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--yfn-line); border-radius:16px; padding:22px 18px; text-align:center;
  backdrop-filter:blur(6px); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.yfn-kpi:hover{transform:translateY(-4px); border-color:rgba(255,122,61,.4); box-shadow:0 18px 40px -22px rgba(255,79,0,.6)}
.yfn-kpi__num{
  display:block; font-size:clamp(30px,4vw,46px); font-weight:800; line-height:1;
  color:#fff; letter-spacing:-.02em;
  background:linear-gradient(180deg,#fff,#ffd9c4); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.yfn-kpi__num.is-badge{background:none;-webkit-text-fill-color:var(--yfn-orange);color:var(--yfn-orange)}
.yfn-kpi__label{display:block; margin-top:10px; font-size:13px; color:var(--yfn-muted); line-height:1.35}
.yfn-kpi__label b{color:#7fe0a6; font-weight:600}

.yfn-net__mapwrap{
  display:grid; grid-template-columns:1fr 330px; grid-template-rows:clamp(390px,34vw,460px);
  gap:16px; align-items:stretch;
}
.yfn-map{
  position:relative; border-radius:20px; overflow:hidden; min-height:0;
  border:1px solid rgba(255,255,255,.09);
  background:radial-gradient(120% 120% at 50% 0%,#0c1729 0%,#080f1c 70%); height:100%; min-height:0;
  box-shadow:inset 0 0 90px rgba(0,0,0,.6), 0 30px 70px -40px rgba(0,0,0,.9);
}
.yfn-map canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
.yfn-map__labels{position:absolute; inset:0; pointer-events:none; z-index:3}
.yfn-map__chip{
  position:absolute; transform:translate(-50%,-140%); white-space:nowrap;
  font-size:11px; font-weight:600; color:#fff; padding:4px 9px; border-radius:8px;
  background:rgba(10,17,32,.82); border:1px solid rgba(255,122,61,.4);
  box-shadow:0 6px 18px -8px rgba(0,0,0,.8); opacity:0; transition:opacity .4s ease;
  backdrop-filter:blur(4px);
}
.yfn-map__chip.on{opacity:1}
.yfn-map__chip b{color:var(--yfn-amber)}
.yfn-map__legend{
  position:absolute; left:16px; bottom:14px; z-index:3; display:flex; align-items:center; gap:8px;
  font-size:12px; color:var(--yfn-muted); background:rgba(8,15,28,.6); padding:7px 12px; border-radius:999px;
  border:1px solid var(--yfn-line);
}
.yfn-map__legend i{width:8px; height:8px; border-radius:50%; background:var(--yfn-orange); box-shadow:0 0 10px var(--yfn-orange)}

.yfn-feed{
  display:flex; flex-direction:column; border-radius:20px; overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(15,23,41,.9),rgba(9,15,28,.92));
 height:100%; min-height:0}
.yfn-feed__head{
  display:flex; align-items:center; gap:9px; padding:15px 16px; font-size:13px; font-weight:600; color:#fff;
  border-bottom:1px solid var(--yfn-line); letter-spacing:.02em;
}
.yfn-feed__live{margin-left:auto; display:flex; align-items:center; gap:6px; font-size:11px; color:#7fe0a6; font-weight:600; text-transform:uppercase; letter-spacing:.08em}
.yfn-feed__hint{margin-left:auto; font-size:11px; color:var(--yfn-muted); font-weight:500; letter-spacing:.01em}
.yfn-feed__dot{width:8px; height:8px; border-radius:50%; background:#57e08e; box-shadow:0 0 0 0 rgba(87,224,142,.7); animation:yfnPulse 1.8s infinite}
@keyframes yfnPulse{0%{box-shadow:0 0 0 0 rgba(87,224,142,.6)}70%{box-shadow:0 0 0 8px rgba(87,224,142,0)}100%{box-shadow:0 0 0 0 rgba(87,224,142,0)}}
.yfn-feed__list{list-style:none; margin:0; padding:8px; display:flex; flex-direction:column; gap:8px; overflow:hidden; flex:1; min-height:0; -webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%); mask-image:linear-gradient(180deg,#000 86%,transparent 100%)}
.yfn-feed__row{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding:11px 12px; border-radius:12px;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06);
  animation:yfnRowIn .5s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes yfnRowIn{from{opacity:0; transform:translateY(-10px)}to{opacity:1; transform:translateY(0)}}
.yfn-feed__route{font-size:13px; font-weight:600; color:#fff; display:flex; align-items:center; gap:6px; flex-wrap:wrap; row-gap:3px; min-width:0; grid-column:1; grid-row:1}
.yfn-feed__route svg{flex:none; opacity:.7}
.yfn-feed__route .yfn-flag{width:19px; height:14px; border-radius:2px; background-size:cover; background-position:center; flex:none; box-shadow:0 0 0 1px rgba(255,255,255,.22); margin-right:2px}
.yfn-feed__id{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:11px; color:var(--yfn-muted); grid-column:1}
.yfn-feed__carrier{font-size:11px; color:var(--yfn-muted); text-align:right; align-self:center; grid-column:2; grid-row:2; max-width:118px; line-height:1.3}
.yfn-feed__status{
  grid-column:2; grid-row:1; align-self:center; justify-self:end; font-size:10.5px; font-weight:700;
  padding:3px 9px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap;
}
.yfn-feed__status.transit{color:var(--yfn-amber); background:rgba(255,178,90,.14); border:1px solid rgba(255,178,90,.3)}
.yfn-feed__status.done{color:#7fe0a6; background:rgba(127,224,166,.14); border:1px solid rgba(127,224,166,.3)}

/* ---- Shipments by destination (as-reported cargo panel) ---- */
.yfn-dest{margin-top:clamp(34px,4vw,54px)}
.yfn-dest__head{display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 14px; margin-bottom:18px}
.yfn-dest__head h3{margin:0; font-size:clamp(20px,2.4vw,28px); font-weight:700; color:#fff; letter-spacing:-.01em}
.yfn-dest__tag{font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--yfn-muted);
  padding:5px 11px; border:1px solid var(--yfn-line); border-radius:999px; background:rgba(255,255,255,.03)}
.yfn-dest__stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:20px}
.yfn-dest__stat{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid var(--yfn-line); border-radius:14px; padding:16px 14px}
.yfn-dest__num{display:block; font-size:clamp(20px,2.4vw,28px); font-weight:800; color:#fff; letter-spacing:-.01em; line-height:1}
.yfn-dest__stat small{display:block; margin-top:7px; font-size:12px; color:var(--yfn-muted); line-height:1.3}
.yfn-dest__stat b{color:#7fe0a6; font-weight:600}

.yfn-dest__map{display:grid; grid-template-columns:1.35fr 1fr; gap:14px; align-items:stretch}
.yfn-dest__packs{position:relative; display:flex; gap:10px; height:clamp(300px,34vw,380px)}
.yfn-pack{position:relative; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between;
  padding:14px; color:#fff; border:1px solid rgba(255,255,255,.12);
  opacity:0; transform:scale(.94); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  background-size:cover; min-width:0}
.yfn-dest.on .yfn-pack{opacity:1; transform:scale(1)}
.yfn-dest.on .yfn-pack:nth-child(2){transition-delay:.08s}
.yfn-pack::after{content:""; position:absolute; left:0; right:0; top:38%; height:2px; background:rgba(0,0,0,.28)} /* box-tape line */
.yfn-pack::before{content:""; position:absolute; inset:0; background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.12),transparent 60%); pointer-events:none}
.yfn-pack__col-left{flex:0 0 46%}
.yfn-pack__col-right{flex:1; display:flex; flex-direction:column; gap:10px; min-width:0}
.yfn-pack__top{display:flex; align-items:center; gap:8px; position:relative; z-index:1}
.yfn-pack__flag{font-size:20px; line-height:1}
.yfn-pack__name{font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.yfn-pack__code{margin-left:auto; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:10px; letter-spacing:.04em;
  color:rgba(255,255,255,.75); background:rgba(0,0,0,.28); padding:2px 7px; border-radius:6px}
.yfn-pack__pct{position:relative; z-index:1; font-size:clamp(22px,3vw,40px); font-weight:800; line-height:1; letter-spacing:-.02em}
.yfn-pack__sub{position:relative; z-index:1; font-size:11.5px; color:rgba(255,255,255,.8)}
.yfn-pack--us{background:linear-gradient(150deg,#ff5a10,#c9370a)}
.yfn-pack--de{background:linear-gradient(150deg,#3f6ea5,#2b4d78)}
.yfn-pack--uk{background:linear-gradient(150deg,#2f9e8f,#1f6f66)}
.yfn-pack--others{background:linear-gradient(150deg,#59657f,#3c4459)}
.yfn-pack--au{background:linear-gradient(150deg,#d99a3a,#a56f22)}
.yfn-pack--us .yfn-pack__col-right{display:none}
.yfn-pack--sm{padding:11px 13px}
.yfn-pack--sm .yfn-pack__name{font-size:12.5px}
/* right-column packs read as horizontal rows so even the thin ones stay legible */
.yfn-pack__col-right .yfn-pack{flex-direction:row; align-items:center; justify-content:space-between; gap:10px; padding:0 14px}
.yfn-pack__col-right .yfn-pack::after{display:none}
.yfn-pack__col-right .yfn-pack__top{flex:1; min-width:0}
.yfn-pack__col-right .yfn-pack__pct{flex:none; font-size:clamp(17px,1.9vw,24px)}

.yfn-dest__side{display:flex; flex-direction:column; gap:14px}
.yfn-dest__presence{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid var(--yfn-line); border-radius:16px; padding:18px}
.yfn-dest__presence h4{margin:0 0 4px; font-size:14px; font-weight:600; color:#fff}
.yfn-dest__presence p{margin:0 0 14px; font-size:11.5px; color:var(--yfn-muted)}
.yfn-dest__bar{display:flex; height:16px; border-radius:8px; overflow:hidden; background:rgba(255,255,255,.06)}
.yfn-dest__seg{width:0; transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.yfn-dest__seg--a{background:linear-gradient(90deg,#ff7a3d,#ff4f00)}
.yfn-dest__seg--e{background:linear-gradient(90deg,#4a86c5,#3f6ea5)}
.yfn-dest__seg--r{background:linear-gradient(90deg,#6b7793,#59657f)}
.yfn-dest__legend{list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:9px}
.yfn-dest__legend li{display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--yfn-text)}
.yfn-dest__legend i{width:10px; height:10px; border-radius:3px; flex:none}
.yfn-dest__legend li>div{flex:1; min-width:0}
.yfn-dest__legend span{font-weight:600}
.yfn-dest__legend b{margin-left:auto; color:#fff; font-weight:700}
.yfn-dest__legend small{display:block; color:var(--yfn-muted); font-size:11px}
.yfn-dest__src{margin:16px 0 0; font-size:11.5px; color:#6b7994}

/* ---- shipments by destination: real top-down container ship photo (Pexels), destination
   flags placed on the actual container bays. Faded back since it closes the page. ---- */
.yfn-ship-panel{margin:2px 0 22px}
.yfn-realship{position:relative; width:min(100%,1080px); margin:0 auto; aspect-ratio:1600/620; overflow:hidden}
.yfn-net .yfn-realship__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 50%; opacity:.62;
  filter:saturate(.92) brightness(.86) contrast(1.06);
  -webkit-mask-image:radial-gradient(ellipse 84% 66% at 50% 50%, #000 52%, rgba(0,0,0,.8) 78%, transparent 100%);
  mask-image:radial-gradient(ellipse 84% 66% at 50% 50%, #000 52%, rgba(0,0,0,.8) 78%, transparent 100%)}
.yfn-realship__bays{position:absolute; left:33%; top:32%; width:50%; height:29%;
  display:grid; grid-template-columns:repeat(10,1fr); grid-template-rows:repeat(2,1fr); gap:7% 4%}
.yfn-bay{display:flex; align-items:center; justify-content:center; background:none; border:0; box-shadow:none; opacity:0; transform:scale(.72)}
.yfn-dest.on .yfn-bay{opacity:1; transform:none; transition:opacity .4s ease, transform .5s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--i)*36ms)}
.yfn-bay__flag{width:80%; aspect-ratio:4/3; border-radius:2px; background-size:cover; background-position:center; box-shadow:0 2px 7px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.3)}
.yfn-bay--us .yfn-bay__flag{background-image:url("/wp-content/uploads/yfn/flags/us.svg")}
.yfn-bay--de .yfn-bay__flag{background-image:url("/wp-content/uploads/yfn/flags/de.svg")}
.yfn-bay--uk .yfn-bay__flag{background-image:url("/wp-content/uploads/yfn/flags/gb.svg")}
.yfn-bay--au .yfn-bay__flag{background-image:url("/wp-content/uploads/yfn/flags/au.svg")}
.yfn-bay--others .yfn-bay__flag{background:#4a5468 url("/wp-content/uploads/yfn/flags/globe.svg") center/64% no-repeat}
.yfn-ship__caption{text-align:center; margin-top:22px; font-size:12.5px; color:var(--yfn-muted)}
.yfn-flagkey{display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:14px}
.yfn-flagkey .fk{width:34px; height:24px; border-radius:4px; background-size:cover; background-position:center;
  box-shadow:0 3px 8px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.2)}
.fk-us{background-image:url("/wp-content/uploads/yfn/flags/us.svg")}
.fk-de{background-image:url("/wp-content/uploads/yfn/flags/de.svg")}
.fk-uk{background-image:url("/wp-content/uploads/yfn/flags/gb.svg")}
.fk-au{background-image:url("/wp-content/uploads/yfn/flags/au.svg")}
.fk-others{background:#4a5468 url("/wp-content/uploads/yfn/flags/globe.svg") center/62% no-repeat}
.yfn-dest__presence--wide{max-width:560px; margin:0 auto}
@media (prefers-reduced-motion:reduce){ .yfn-bay{opacity:1; transform:none} }

@media (max-width:900px){
  .yfn-realship__bays{gap:8% 5%}
  .yfn-bay{border-radius:3px; border-width:.5px}
  .yfn-realship__img{opacity:.55}
}

.yfn-net__foot{margin-top:22px; text-align:center; font-size:12.5px; color:#6b7994}
.yfn-net__foot a{color:var(--yfn-muted); text-decoration:underline; text-underline-offset:2px}

@media (max-width:900px){
  .yfn-net__kpis{grid-template-columns:repeat(2,1fr)}
  .yfn-net__mapwrap{grid-template-columns:1fr; grid-template-rows:auto}
  .yfn-map{min-height:340px; height:auto}
  .yfn-feed{max-height:320px; height:auto}
}
@media (max-width:520px){
  .yfn-map{min-height:280px}
}
@media (prefers-reduced-motion:reduce){
  .yfn-feed__dot,.yfn-feed__row{animation:none}
}

/* ---- page end: the final CTA had a 60px bottom margin over a white body, which showed as a
   white band above the footer. Close the gap and fade the footer in so it reads as one piece. ---- */
.elementor-element-86e6a5d{margin-bottom:0 !important;
  /* fade from the network section's end colour into the footer colour */
  background:linear-gradient(180deg,#0b1426 0%,#121c34 100%) !important;
  padding-bottom:clamp(28px,4vw,56px) !important}
.elementor-element-6af5bd6{position:relative}
.elementor-element-6af5bd6::before{
  content:""; position:absolute; left:0; right:0; top:0; height:130px; pointer-events:none; z-index:0;
  background:linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.015) 45%, rgba(255,255,255,0) 100%);
}
.elementor-element-6af5bd6 > *{position:relative; z-index:1}

/* ---- top announcement bar: countdown removed, live spots + animated sheen ---- */
.yfn-bar{position:relative; overflow:hidden;
  background:linear-gradient(100deg,#101a35 0%,#1c3063 40%,#26224f 62%,#101a35 100%) !important;
  background-size:220% 100%; animation:yfnBarShift 16s ease-in-out infinite;
  padding:9px 16px !important; border-bottom:1px solid rgba(255,255,255,.09)}
@keyframes yfnBarShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.yfn-bar::after{content:""; position:absolute; top:0; bottom:0; left:-40%; width:26%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  transform:skewX(-18deg); animation:yfnBarSheen 7s ease-in-out infinite}
@keyframes yfnBarSheen{0%{left:-40%}60%,100%{left:125%}}
.yfn-bar .col-12{display:flex; align-items:center; justify-content:center; gap:8px 14px; flex-wrap:wrap; position:relative; z-index:1}
.yfn-bar__dot{width:9px; height:9px; border-radius:50%; background:#ff5a10; flex:none;
  box-shadow:0 0 0 0 rgba(255,90,16,.75); animation:yfnBarDot 2s infinite}
@keyframes yfnBarDot{0%{box-shadow:0 0 0 0 rgba(255,90,16,.7)}70%{box-shadow:0 0 0 9px rgba(255,90,16,0)}100%{box-shadow:0 0 0 0 rgba(255,90,16,0)}}
.yfn-bar .bar-text{margin:0 !important; display:inline !important; font-weight:700 !important; letter-spacing:.14em; font-size:.76rem !important}
.yfn-bar__spots{display:inline-flex; align-items:center; gap:6px; font-size:.76rem; color:#ffd9c4; white-space:nowrap;
  background:rgba(255,90,16,.16); border:1px solid rgba(255,122,61,.45); padding:3px 12px; border-radius:999px}
.yfn-bar__spots b{color:#ff7a3d; font-weight:800; font-size:.92rem; line-height:1}
.yfn-bar__cta{margin-left:2px !important; background:linear-gradient(135deg,#ff7a3d,#ff4f00) !important; color:#fff !important;
  box-shadow:0 6px 18px -7px rgba(255,79,0,.85)}
.yfn-bar__cta:hover{transform:translateY(-2px) scale(1.05) !important; background:linear-gradient(135deg,#ff9060,#ff5a10) !important}
@media (max-width:768px){
  .yfn-bar .bar-text{font-size:.66rem !important; letter-spacing:.07em}
  .yfn-bar__spots{font-size:.68rem; padding:2px 10px}
  .yfn-bar .col-12{gap:6px 10px}
}
@media (prefers-reduced-motion:reduce){ .yfn-bar,.yfn-bar::after,.yfn-bar__dot{animation:none} }

/* ---- hero: the last container carried a 42px bottom margin, leaving a dead gap
   under "Only N spots remaining". Tighten it. ---- */
.elementor-element-efcd558{margin-bottom:6px !important}



/* ---- fixes: heading colour was being overridden by the theme's `.elementor h2` rule (0,1,1)
   which outranked `.yfn-net__title` (0,1,0), rendering it dark-on-dark. And the section above
   carried a 32px bottom margin over a white body, producing a hard white band. ---- */
.yfn-net .yfn-net__title{color:#fff}
.yfn-net .yfn-dest__head h3, .yfn-net .yfn-dest__presence h4, .yfn-net .yfn-feed__head{color:#fff}
.elementor-element-90afdc9{margin-bottom:0 !important}
.yfn-net{padding-top:clamp(60px,7vw,108px)}

/* Soft handoff into the dark section: no colour band (white read as haze, blue read as a
   foreign stripe). Just the section's own navy spilling upward as a shadow. */
.yfn-net{box-shadow:0 -20px 44px -20px rgba(11,20,38,.6)}

/* ---- "Only N spots remaining": the icon-box content stretched to fill the row (255px) and
   centred its text inside itself, leaving a ~44px dead gap after the clock icon. Shrink-wrap
   the content and centre the icon+text as one unit instead. ---- */
.elementor-element-6ddc01f .elementor-icon-box-wrapper{justify-content:center; align-items:center}
.elementor-element-6ddc01f .elementor-icon-box-content{flex:0 1 auto; width:auto}

/* ---- "46 / Spots Remaining" card: the number half and the label half were each fixed at
   ~234px, so a ~90px numeral left a large void between them. Shrink-wrap both and centre
   the pair, and trim the stacked padding around the card. ---- */
.elementor-element-8967f55{justify-content:center; gap:18px; padding:4px 10px}
.elementor-element-8967f55 > .e-con{flex:0 1 auto; width:auto}
.elementor-element-b72b90b{padding-bottom:0}

/* ==========================================================================
   Harmonise with the rest of the landing page.
   The hero and the "Founding Member status is limited" section both use
   linear-gradient(#131D35 -> #1C3164). This section was near-black (#070d18)
   with a technical grid and orange glow, which read as a different product.
   Match the page's navy family and drop the dashboard styling.
   ========================================================================== */
.yfn-net{
  background:linear-gradient(180deg,#131D35 0%,#1C3164 100%);
  box-shadow:0 -20px 44px -20px rgba(19,29,53,.65);
}
.yfn-net::before{display:none}            /* the technical grid overlay */

/* cards: lift so they read on the lighter navy */
.yfn-kpi{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.14);
}
.yfn-kpi:hover{border-color:rgba(255,255,255,.26); box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}

/* the map keeps a darker panel so the arcs still read, but in the same navy family */
.yfn-map{
  background:radial-gradient(120% 120% at 50% 0%,#16264a 0%,#0e1a33 70%);
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 0 90px rgba(8,14,30,.55), 0 26px 60px -40px rgba(0,0,0,.75);
}
.yfn-feed{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.14);
}
.yfn-feed__row{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.10)}
.yfn-map__legend{background:rgba(14,26,51,.72); border-color:rgba(255,255,255,.14)}
.yfn-map__chip{background:rgba(14,26,51,.9)}

/* the CTA below now continues from where this section ends, into the footer colour */
.elementor-element-86e6a5d{background:linear-gradient(180deg,#1C3164 0%,#121C34 100%) !important}