/* =====================================================================
   POLISH (2026-10-12) — on top of the ORIGINAL design (the v2 redesign was
   rejected and archived). Fabio's brief: keep the site as it was, bring in more
   colour but only in the tones already there (violet, the platform colours,
   gold for the Gold Club), make everything ultra smooth, turn plain text links
   into buttons, and round everything: no corners anywhere, only text is sharp.
   Loaded last. Works on both themes (dark home/shop, light sub-pages).
   ===================================================================== */
:root{--pl-ease:cubic-bezier(.23,1,.32,1)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html[data-motion="reduced"]{scroll-behavior:auto}

/* ---------- no corners: small pieces become circles/pills, media gets soft radii ---------- */
.svc-ic,.ht-ic,.fsoc,.shp-plat>i,.x,.yb,.svc-media>span,.svc-media img,.th>em,.vmock-code{border-radius:999px!important}
.hd-tile,.hd-tile>img{border-radius:18px!important}
.hd-tile{overflow:hidden}
.msg,.msg.bot,.msg.me{border-radius:18px!important}
.card>img,.ytx-shot>img,.kp>img,.c>img,.th,.th>img{border-radius:14px!important}
.cap,.ytx-cap{border-radius:0 0 14px 14px}
.bn{border-radius:16px}
.evs-bars>i,.today,.scx-bars>i,.an-hbars .bar,.col,.lane-bars i,.nb-bars i{border-radius:999px!important}
img[class*="av"],.avchip img,.acc-av,.evs-av{border-radius:50%}
input,select,button{border-radius:999px}
textarea{border-radius:18px}
input[type="checkbox"]{border-radius:6px}
hr{border:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 18%,transparent),transparent)}

/* ---------- every call to action is a button ---------- */
.svc-link,.how-link,.proof-link,.lane-link,.trl-link,.pls-more,.bc-g{
  display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;text-decoration:none!important;
  border:1.5px solid color-mix(in srgb,currentColor 22%,transparent)!important;background:color-mix(in srgb,currentColor 6%,transparent);
  line-height:1.2;white-space:nowrap;transition:background-color .3s var(--pl-ease),border-color .3s var(--pl-ease),transform .25s var(--pl-ease),box-shadow .3s var(--pl-ease)}
.lane-link{border-color:color-mix(in srgb,var(--c1,currentColor) 45%,transparent)!important;background:color-mix(in srgb,var(--c1,currentColor) 9%,transparent)}
.bc-g{padding:7px 14px;font-size:12.5px}
.proof-link{padding:9px 16px;justify-self:start;width:max-content}
@media (hover:hover){
  .svc-link:hover,.how-link:hover,.proof-link:hover,.trl-link:hover,.pls-more:hover,.bc-g:hover{background:color-mix(in srgb,currentColor 12%,transparent);border-color:color-mix(in srgb,currentColor 40%,transparent)!important;transform:translateY(-2px)}
  .lane-link:hover{background:color-mix(in srgb,var(--c1,currentColor) 18%,transparent);border-color:var(--c1,currentColor)!important;transform:translateY(-2px)}
}

/* ---------- more colour, only in the tones that are already there ---------- */
/* platform buttons carry their platform colour (dark text keeps AA contrast on all three) */
.lane-btn{color:#111114!important;background:linear-gradient(110deg,var(--c1),var(--c2,var(--c1)))!important;background-size:160% 100%!important;background-position:0 0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px -14px color-mix(in srgb,var(--c1) 80%,transparent)!important;
  transition:background-position .6s var(--pl-ease),transform .25s var(--pl-ease),box-shadow .3s var(--pl-ease)!important}
.lane-btn .i,.lane-btn svg{stroke:currentColor}
@media (hover:hover){.lane-btn:hover{background-position:100% 0!important;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 36px -14px color-mix(in srgb,var(--c1) 90%,transparent)!important}}
/* the violet lanes (network/analytics) would be too dark for dark text: they keep white type */
.net-hero .lane-btn,.an-hero .lane-btn{color:#fff!important}
/* home service cards: each "Submit a track" in its platform colour */
.svc .svc-btn{color:#111114!important;background:linear-gradient(110deg,color-mix(in srgb,var(--pc) 88%,#fff),var(--pc))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 28px -14px color-mix(in srgb,var(--pc) 85%,transparent)!important;transition:transform .25s var(--pl-ease),box-shadow .3s var(--pl-ease),filter .3s var(--pl-ease)!important}
.svc.yt .svc-btn{color:#fff!important;background:linear-gradient(110deg,#ff2a55,#d6002b)!important}
@media (hover:hover){.svc .svc-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 36px -14px color-mix(in srgb,var(--pc) 95%,transparent)!important}}
/* dark theme: the main white button gets a soft violet sheen, numbers a violet fade */
html.home-dark .btn-dark{background:linear-gradient(120deg,#ffffff 0%,#f1eaff 55%,#e2d3ff 100%);color:#140a24}
html.home-dark .btn-dark:hover{background:linear-gradient(120deg,#ffffff 0%,#f6f0ff 50%,#ece0ff 100%)}
html.home-dark :is(.proof b,.cx-stats b){background:linear-gradient(180deg,#fff 30%,#d9c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.home-dark :is(.proof,.home-track){background-image:radial-gradient(90% 140% at 100% 0%,rgba(167,123,243,.13),transparent 60%)}
html.home-dark .how-steps li{background-image:radial-gradient(80% 120% at 0% 0%,rgba(167,123,243,.12),transparent 60%)}

/* ---------- smooth everything ---------- */
.btn,.bc-btn,.svc-btn,.shp-cta,.trl-btn,.evk-btn,.chip,.nav-links a{transition:transform .25s var(--pl-ease),box-shadow .3s var(--pl-ease),background-color .3s var(--pl-ease),color .25s var(--pl-ease),border-color .3s var(--pl-ease)}
.btn:active,.bc-btn:active,.svc-btn:active,.shp-cta:active,.lane-btn:active,.lane-link:active,.svc-link:active,.trl-btn:active{transform:scale(.97)!important;transition-duration:.12s}
.svc,.evs,.evc,.plcard,.pls-card,.acc-card,.chcard,.shp-pkg,.cx-card,.pillar,.how-steps li{transition:transform .45s var(--pl-ease),box-shadow .45s var(--pl-ease),border-color .35s var(--pl-ease)}
@media (hover:hover){
  .svc:hover,.evs:hover,.plcard:hover,.pls-card:hover,.acc-card:hover,.chcard:hover,.cx-card:hover,.pillar:hover,.how-steps li:hover{transform:translateY(-4px)}
}
:focus-visible{outline-offset:3px;border-radius:12px}
@media (prefers-reduced-motion:reduce){
  .svc:hover,.evs:hover,.plcard:hover,.pls-card:hover,.acc-card:hover,.chcard:hover,.cx-card:hover,.pillar:hover,.how-steps li:hover,.lane-btn:hover,.lane-link:hover,.svc-link:hover,.svc .svc-btn:hover{transform:none}
}
html[data-motion="reduced"] :is(.svc,.evs,.plcard,.pls-card,.acc-card,.chcard,.cx-card,.pillar,.how-steps li):hover{transform:none}
:where(img,video,iframe){border-radius:12px}
.ai-fab-logo,.ai-logo,.net-logo,.nav-logo,.ft-logo{border-radius:0}
.how-cta,.svc-cta,.lane-cta,.bc-ctas{flex-wrap:wrap;row-gap:10px}

/* ---------- SoundCloud page: account insights panel (replaces the vinyl player) ----------
   No box at all: the numbers sit directly on the page, a soft orange glow behind them fades into it. */
.lane-stage.scx-ins{aspect-ratio:auto;transform:none!important;display:flex;flex-direction:column;gap:20px;padding:30px 34px 32px;color:#17171c;border-radius:0!important;overflow:visible;isolation:isolate;container-type:normal;
  background:radial-gradient(44% 44% at 56% 46%,rgba(255,110,30,.17),rgba(255,110,30,.08) 45%,rgba(255,110,30,.025) 75%,transparent 100%);
  box-shadow:none!important}
.lane:hover .lane-stage.scx-ins{transform:none!important;box-shadow:none!important}
.ins-banner{display:none}
.ins-head{display:flex;align-items:center;gap:13px}
.ins-av{width:54px;height:54px;flex:none;border-radius:50%!important;object-fit:cover;background:#f1e6de;box-shadow:0 10px 26px -10px rgba(255,85,0,.6)}
.ins-id{display:flex;flex-direction:column;min-width:0}
.ins-id b{font-size:18px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ins-id span{font-size:13.5px;color:#6b6b78}
.ins-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:800;color:#15803d;background:radial-gradient(closest-side,rgba(34,197,94,.16),rgba(34,197,94,.07) 70%,transparent)}
.ins-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:insPulse 2.2s cubic-bezier(.23,1,.32,1) infinite}
@keyframes insPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.ins-big b{display:block;font-size:clamp(46px,5.4vw,66px);font-weight:900;letter-spacing:-.045em;line-height:1;background:linear-gradient(120deg,#ff5500,#ff8a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.04em}
.ins-big span{display:block;margin-top:6px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b6b78}
.ins-ct{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;color:#6b6b78}
.ins-ct b{font-size:15px;color:#e04a00}
.ins-chart svg{display:block;width:100%;height:auto;margin-top:8px;overflow:visible;border-radius:0}
.ins-axis{display:flex;justify-content:space-between;font-size:12px;color:#8a8a96;margin-top:4px}
.ins-kpis{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.ins-kpis b{display:block;font-size:22px;font-weight:850;letter-spacing:-.02em;color:#17171c}
.ins-kpis span{display:block;font-size:12.5px;color:#6b6b78;margin-top:2px}
@media (max-width:520px){.lane-stage.scx-ins{padding:18px 6px 22px}.ins-kpis b{font-size:18px}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    html:not([data-motion="reduced"]) .ins-line{stroke-dasharray:1;stroke-dashoffset:1;animation:insDraw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  }
}
@keyframes insDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.ins-live i{animation:none}}
html[data-motion="reduced"] .ins-live i{animation:none}

/* =====================================================================
   SoundCloud pages in dark LIQUID GLASS (2026-10-12)
   Liquid Glass is Apple's own material; this is a web approximation:
   translucent dark plates with backdrop blur, a soft inner rim and a
   highlight that follows the pointer. Cards morph on hover (the plate grows
   and reveals more) and glide between pages via the View Transitions API.
   ===================================================================== */
html.home-dark{--glass:rgba(22,20,28,.46);--glass-2:rgba(30,28,38,.62);--rim:rgba(255,255,255,.14)}
.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin-top:clamp(18px,2.4vw,28px)}
.gx-grid .chmuted{grid-column:1/-1}
.gx{position:relative;display:block;aspect-ratio:1/1.16;border-radius:30px;overflow:hidden;isolation:isolate;text-decoration:none;color:#f4f3f8;background:#141218;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.85);transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1)}
/* card = the account banner as a sharp strip on top, the same image blurred below it so its colours run into the glass */
.gx-bg{position:absolute;inset:-12%;z-index:-3;background:#1a1720 center/cover no-repeat;filter:blur(34px) saturate(1.4) brightness(.62);transform:scale(1.15)}
.gx-ban{position:absolute;left:0;right:0;top:0;aspect-ratio:2.35/1;z-index:-2;background:center/cover no-repeat;transition:transform 1.1s cubic-bezier(.23,1,.32,1);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.gx-ban.av{display:grid;place-items:center;aspect-ratio:2.35/1}
.gx-ban.av img{width:34%;aspect-ratio:1;border-radius:50%!important;object-fit:cover;box-shadow:0 20px 40px -16px rgba(0,0,0,.8)}
.gx::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,9,14,0) 35%,rgba(10,9,14,.35) 70%,rgba(10,9,14,.6))}
.gx::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,.12),transparent 45%);opacity:0;transition:opacity .5s}
.gx-rank{position:absolute;top:14px;left:14px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;
  background:rgba(18,16,24,.38);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.1)}
.gx-plate{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:12px;padding:16px 16px 15px;border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),var(--glass,rgba(22,20,28,.46));
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(255,255,255,.08),0 18px 40px -20px rgba(0,0,0,.7);
  transition:border-radius .6s cubic-bezier(.23,1,.32,1),background-color .6s,padding .6s cubic-bezier(.23,1,.32,1)}
.gx-top{display:flex;align-items:center;gap:11px;min-width:0}
.gx-av{width:42px;height:42px;flex:none;border-radius:50%!important;object-fit:cover;background:#2a2730;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.gx-id{display:flex;flex-direction:column;min-width:0}
.gx-id b{font-size:16.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-id i{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-num b{display:block;font-size:34px;font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#fff 35%,#ffcfae);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gx-num em{display:block;margin-top:5px;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.6)}
/* morph: the plate grows and reveals the rest (grid rows 0fr -> 1fr animates height smoothly) */
.gx-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.23,1,.32,1)}
.gx-more-in{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .45s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}
.gx-line{display:block}
.gx-line svg{display:block;width:100%;height:44px;border-radius:0;overflow:visible}
.gx-line em{display:block;margin-top:4px;font-style:normal;font-size:12px;font-weight:800;color:#ffb27a}
.gx-kv{display:flex;gap:18px;flex-wrap:wrap}
.gx-kv3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;margin-top:-2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent) top/100% 1px no-repeat}
.gx-kv3 b{font-size:17px}
.gx-kv span{display:flex;flex-direction:column;font-size:11.5px;color:rgba(255,255,255,.6)}
.gx-kv b{font-size:16px;color:#fff;font-weight:800}
.gx-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;font-size:13.5px;font-weight:800;color:#160a02;background:linear-gradient(110deg,#ffa25c,#ff5500);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.gx-go .i{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
@media (hover:hover){
  .gx:hover{transform:translateY(-6px);box-shadow:0 40px 80px -36px rgba(255,85,0,.45),0 30px 60px -34px rgba(0,0,0,.9)}
  .gx:hover .gx-ban{transform:scale(1.05)}
  .gx:hover::after{opacity:1}
  .gx:hover .gx-plate{border-radius:26px;background-color:var(--glass-2,rgba(30,28,38,.62))}
  .gx:hover .gx-more{grid-template-rows:1fr}
  .gx:hover .gx-more-in{opacity:1;transform:none}
}
/* touch: everything is shown, no hover needed */
@media (hover:none){.gx-more{grid-template-rows:1fr}.gx-more-in{opacity:1;transform:none}.gx{aspect-ratio:auto;min-height:540px}}
.gx:focus-visible .gx-more{grid-template-rows:1fr}.gx:focus-visible .gx-more-in{opacity:1;transform:none}
.gx:active{transform:scale(.985)}
@media (prefers-reduced-transparency:reduce){.gx-plate,.gx-rank{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1d1a23}}
@media (prefers-reduced-motion:reduce){.gx,.gx-ban,.gx-plate,.gx-more,.gx-more-in{transition:none}.gx:hover{transform:none}.gx:hover .gx-ban{transform:none}}

/* "see all" button + all-accounts page head */
.chmore .gx-all-btn{display:inline-flex;align-items:center;gap:10px;margin:28px auto 0;padding:16px 26px;border-radius:999px;font-weight:800;font-size:15.5px;text-decoration:none;color:#f4f3f8;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),rgba(30,28,38,.5);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px rgba(255,255,255,.1),0 20px 40px -24px rgba(255,85,0,.6);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s}
.chmore{display:flex;justify-content:center}
.gx-all-btn b{color:#ffb27a}
.gx-all-btn .i{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .4s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){.gx-all-btn:hover{transform:translateY(-3px)}.gx-all-btn:hover .i{transform:translateX(4px)}}
.gx-head{max-width:900px}
.gx-head h2{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:6px 0 12px}
.gx-head p{color:var(--muted,#a4a5b0);font-size:17px;max-width:60ch}
.gx-head p b{color:#fff}
.gx-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:800;text-decoration:none;color:#f4f3f8;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background-color .3s}
.gx-back .i{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
.gx-back:hover{background:rgba(255,255,255,.11)}
.gx-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.gx-search{flex:1 1 260px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:box-shadow .3s}
.gx-search:focus-within{box-shadow:inset 0 0 0 1px rgba(255,140,60,.8),0 0 0 4px rgba(255,110,30,.18)}
.gx-search .i{width:18px;height:18px;stroke:rgba(255,255,255,.6);fill:none;stroke-width:2}
.gx-search input{flex:1;min-width:0;height:50px;border:0;background:none;color:#f4f3f8;font:inherit;font-size:15.5px;outline:none}
.gx-search input::placeholder{color:rgba(255,255,255,.5)}
.gx-seg{display:inline-flex;padding:5px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.gx-seg button{border:0;padding:10px 16px;border-radius:999px;background:none;color:rgba(255,255,255,.7);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .35s cubic-bezier(.23,1,.32,1),color .3s}
.gx-seg button.on{color:#160a02;background:linear-gradient(110deg,#ffa25c,#ff6a1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}

/* View Transitions: morphs between routes are calm and quick */
::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.23,1,.32,1)}
::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.23,1,.32,1)}

/* insights lanes on the dark SoundCloud page */
html.home-dark .lane-stage.scx-ins{color:#f4f3f8;background:radial-gradient(44% 44% at 56% 46%,rgba(255,110,30,.22),rgba(255,110,30,.09) 45%,rgba(255,110,30,.03) 75%,transparent 100%)}
html.home-dark .ins-id span,html.home-dark .ins-big span,html.home-dark .ins-ct,html.home-dark .ins-kpis span{color:rgba(255,255,255,.62)}
html.home-dark .ins-axis{color:rgba(255,255,255,.45)}
html.home-dark .ins-kpis b{color:#fff}
html.home-dark .ins-ct b{color:#ffa25c}
html.home-dark .ins-live{color:#86efac}
html.home-dark .ins-big b{background:linear-gradient(120deg,#ff8a3d,#ffc29a);-webkit-background-clip:text;background-clip:text}

/* footer: founder credit → entity home on unitedsmusicgroup.com (2026-10-12) */
.ft-founder a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);border-radius:999px;transition:color .2s ease,text-decoration-color .2s ease}
.ft-founder a:hover,.ft-founder a:focus-visible{color:var(--ink,currentColor);text-decoration-color:currentColor}