/* Brand-colour bridge: the selector and destination page share one visual identity. */
.mate-selector .mate-node{
  position:relative;
  isolation:isolate;
  border-color:rgba(255,255,255,.42);
  box-shadow:0 15px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14);
}
.mate-selector .mate-node:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(112deg,rgba(255,255,255,.13),transparent 38% 72%,rgba(255,255,255,.06));
  pointer-events:none;
}
.mate-selector .node-ig{
  background-color:#641b55;
  background-image:radial-gradient(circle at 4% 4%,rgba(255,166,69,.7),transparent 31%),linear-gradient(135deg,#67205f 0%,#a92f72 55%,#d85a42 100%);
}
.mate-selector .node-x{
  background-color:#090a0d;
  background-image:radial-gradient(circle at 88% 0%,rgba(205,165,82,.25),transparent 35%),linear-gradient(135deg,#050609 0%,#17130d 66%,#33260f 100%);
}
.mate-selector .node-threads{
  background-color:#17151b;
  background-image:radial-gradient(circle at 10% 0%,rgba(174,145,208,.26),transparent 37%),linear-gradient(135deg,#111014 0%,#28222f 58%,#49365b 100%);
}
.mate-selector .node-line{
  background-color:#07573b;
  background-image:radial-gradient(circle at 8% 0%,rgba(113,240,174,.25),transparent 34%),linear-gradient(135deg,#053b2d 0%,#08724a 62%,#08a65a 100%);
}
.mate-selector .node-tiktok{
  background-color:#0a0a0c;
  background-image:radial-gradient(circle at 6% 2%,rgba(37,244,238,.28),transparent 34%),radial-gradient(circle at 94% 96%,rgba(254,44,85,.24),transparent 38%),linear-gradient(135deg,#050505 0%,#131316 58%,#1c1c20 100%);
}
.mate-selector .node-youtube{
  background-color:#7a0b0b;
  background-image:radial-gradient(circle at 6% 2%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#c4000a 0%,#ff3b30 62%,#ff6a52 100%);
}
.mate-selector .mate-node:hover,.mate-selector .mate-node:focus-visible{
  border-color:#fff;
  filter:saturate(1.08) brightness(1.06);
  box-shadow:0 20px 38px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.18);
}
.mate-selector .mate-node small{color:rgba(255,255,255,.86)}
.mate-selector .mate-node-action{background:rgba(4,10,18,.24);border-color:rgba(255,255,255,.48);color:#fff}
.mate-selector .mate-node-action .ui-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.58);color:#fff}

.product-page{
  --product-dark:#071426;
  --product-dark-2:#102c47;
  --product-dark-glow:rgba(199,170,112,.2);
  --product-dark-accent:#f0ddb5;
}
.product-page.ig-product{
  --paper:#fff5f8;
  --paper-2:#f3e2eb;
  --ivory:#fffafd;
  --ink-soft:#4b2c3d;
  --line:rgba(79,25,57,.2);
  --product-dark:#351127;
  --product-dark-2:#7d2458;
  --product-dark-glow:rgba(246,101,160,.28);
  --product-dark-accent:#ffd9e8;
}
.product-page.x-product{
  --paper:#f6f1e7;
  --paper-2:#e9dfcc;
  --ivory:#fffdf7;
  --ink-soft:#413a2e;
  --line:rgba(43,33,16,.22);
  --product-dark:#090a0c;
  --product-dark-2:#382a11;
  --product-dark-glow:rgba(213,184,115,.25);
  --product-dark-accent:#f4dfb3;
}
.product-page.threads-product{
  --paper:#f7f3f8;
  --paper-2:#e9e1ed;
  --ivory:#fffbff;
  --ink-soft:#403648;
  --line:rgba(50,37,61,.2);
  --product-dark:#151218;
  --product-dark-2:#453554;
  --product-dark-glow:rgba(169,157,216,.27);
  --product-dark-accent:#e9e1ff;
}
.product-page.line-product{
  --paper:#f1faf5;
  --paper-2:#dcefe4;
  --ivory:#fbfffc;
  --ink-soft:#29483a;
  --line:rgba(10,71,46,.2);
  --product-dark:#063426;
  --product-dark-2:#0a7248;
  --product-dark-glow:rgba(88,197,154,.26);
  --product-dark-accent:#caffdf;
}
.product-page.tiktok-product{
  --paper:#eef2f4;
  --paper-2:#dde3e7;
  --ivory:#f8fafb;
  --ink-soft:#1c2226;
  --line:rgba(10,15,18,.2);
  --product-dark:#0a0a0c;
  --product-dark-2:#1c1c20;
  --product-dark-glow:rgba(37,244,238,.24);
  --product-dark-accent:#7cf3ee;
}
.product-page.youtube-product{
  --paper:#fdf1ee;
  --paper-2:#f6dbd5;
  --ivory:#fffaf9;
  --ink-soft:#4a1210;
  --line:rgba(122,11,11,.2);
  --product-dark:#4a0505;
  --product-dark-2:#a3080c;
  --product-dark-glow:rgba(255,80,60,.26);
  --product-dark-accent:#ffcfc6;
}
.product-page .product-header{background:var(--paper);border-bottom-color:var(--line)}
.product-page .product-showcase{
  background-color:var(--product-dark);
  background-image:radial-gradient(circle at 74% 14%,var(--product-dark-glow),transparent 40%),linear-gradient(145deg,var(--product-dark-2),var(--product-dark) 72%);
  border-color:color-mix(in srgb,var(--product-accent-light) 72%,transparent);
}
.product-page .product-marquee{background:var(--product-dark);color:#fff}
.product-page .hub-shot{background:var(--ivory);border-color:var(--line)}
.product-page .hub-journey,.product-page .product-final{
  background-color:var(--product-dark);
  background-image:radial-gradient(circle at 84% 8%,var(--product-dark-glow),transparent 38%),linear-gradient(135deg,var(--product-dark-2),var(--product-dark) 74%);
}
.product-page .hub-journey .section-no,.product-page .hub-journey h2 em,.product-page .hub-step span{color:var(--product-dark-accent)}
.product-page footer{background:color-mix(in srgb,var(--product-dark) 88%,#000)}

.product-page .mate-link{
  color:#fff;
  border-color:rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.product-page .mate-link[href="/ig/"]{background-color:#641b55;background-image:linear-gradient(135deg,#55204f,#842559 58%,#91372f)}
.product-page .mate-link[href="/x/"]{background-color:#090a0c;background-image:linear-gradient(135deg,#050609,#17130d 66%,#382a11)}
.product-page .mate-link[href="/threads/"]{background-color:#17151b;background-image:linear-gradient(135deg,#111014,#28222f 58%,#49365b)}
.product-page .mate-link[href="/line/"]{background-color:#064a34;background-image:linear-gradient(135deg,#05372a,#07563b 62%,#087044)}
.product-page .mate-link[href="/tiktok/"]{background-color:#0a0a0c;background-image:linear-gradient(135deg,#050505,#131316 58%,#1c1c20)}
.product-page .mate-link[href="/youtube/"]{background-color:#7a0b0b;background-image:linear-gradient(135deg,#4a0505,#a3080c 62%,#e6291b)}
.product-page .mate-link small{color:rgba(255,255,255,.9)}
.product-page .mate-link:hover,.product-page .mate-link:focus-visible{
  color:#fff;
  filter:saturate(1.08) brightness(1.08);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.78);
}
.product-page .mate-link[aria-current="page"]{box-shadow:inset 0 0 0 2px #fff}

@media(max-width:720px){
  .mate-selector .mate-node:hover,.mate-selector .mate-node:focus-visible{filter:none}
  .product-page .mate-link:hover,.product-page .mate-link:focus-visible{filter:none}
}

@media(prefers-reduced-motion:reduce){
  .mate-selector .mate-node,.product-page .mate-link{transition:none!important}
}