/* Section separators: fading brand line, centre node, travelling light */
html body.home-page hr.home-silk-divider{all:unset;display:block;position:relative;height:28px;max-width:1180px;margin:8px auto!important;border:0!important;background:none!important;overflow:visible}
html body.home-page hr.home-silk-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(43,91,215,.55) 22%,rgba(79,70,229,.6) 50%,rgba(56,189,248,.55) 78%,transparent)}
html body.home-page hr.home-silk-divider::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transform:rotate(45deg);
  background:linear-gradient(135deg,#2b5bd7,#4f46e5);border-radius:2px;
  box-shadow:0 0 0 5px rgba(255,255,255,.85),0 0 0 6px rgba(79,70,229,.25),0 0 18px rgba(231,20,103,.45);
  animation:hcNode 4s ease-in-out infinite}
@keyframes hcNode{50%{box-shadow:0 0 0 5px rgba(255,255,255,.85),0 0 0 10px rgba(79,70,229,.12),0 0 26px rgba(231,20,103,.6)}}
html body.home-page .hc-sep-light{position:absolute;top:50%;left:0;width:120px;height:3px;margin-top:-1.5px;border-radius:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 12px 2px rgba(43,91,215,.5);animation:hcRun 6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes hcRun{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 120px);opacity:0}}

/* Six product cards: rotating light border in each product's own colour */
@property --hc-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
html body.home-page #homepage-suite .product-card{position:relative;border:0!important;border-radius:22px!important;isolation:isolate;
  background:rgba(255,255,255,.62)!important;backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -22px var(--b,#1e1b4b)!important;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
html body.home-page #homepage-suite .product-card::after{content:""!important;display:block!important;visibility:visible!important;position:absolute!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;margin:0!important;box-sizing:border-box!important;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;opacity:1!important;
  background:conic-gradient(from var(--hc-ang),color-mix(in srgb,var(--a) 25%,transparent) 0deg,var(--a) 60deg,var(--b) 120deg,color-mix(in srgb,var(--a) 25%,transparent) 200deg,color-mix(in srgb,var(--b) 30%,transparent) 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:hcSpin 8s linear infinite;transform:none!important}
html body.home-page #homepage-suite .product-card:nth-child(2n)::after{animation-delay:-2.5s}
html body.home-page #homepage-suite .product-card:nth-child(3n)::after{animation-delay:-5s}
@keyframes hcSpin{to{--hc-ang:360deg}}
html body.home-page #homepage-suite .product-card:hover{transform:translateY(-6px)!important;box-shadow:0 1px 0 #fff inset,0 28px 50px -20px var(--a),0 0 0 1px color-mix(in srgb,var(--a) 30%,transparent)!important}
html body.home-page #homepage-suite .product-card:hover::after{animation-duration:2.5s;padding:2px}
@media (prefers-reduced-motion:reduce){html body.home-page #homepage-suite .product-card::after,html body.home-page .hc-sep-light,html body.home-page hr.home-silk-divider::after{animation:none}}
/* v4: stronger product-colour wash at the top of each product box */
html body.home-page #homepage-suite .product-card{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 26%,transparent) 0%,color-mix(in srgb,var(--a) 10%,transparent) 30%,rgba(255,255,255,.55) 58%)!important}
/* tighter page rhythm */
html body.home-page section.section{padding-top:clamp(28px,3.2vw,44px)!important;padding-bottom:clamp(28px,3.2vw,44px)!important;margin-top:0!important;margin-bottom:0!important;min-height:0!important}
html body.home-page section.section .section-head,html body.home-page section.section h2{margin-bottom:12px!important}
html body.home-page hr.home-silk-divider{height:18px;margin:0 auto!important}
html body.home-page .homepage-story-hero{padding-bottom:24px!important;min-height:0!important}
html body.home-page .tvl-hero{padding-bottom:16px!important}
html body.home-page #homepage-suite .product-card{box-shadow:inset 0 110px 70px -50px color-mix(in srgb,var(--a) 30%,transparent)!important}
html body.home-page main #homepage-suite#homepage-suite .product-card.product-card.product-card{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 28%,transparent) 0%,color-mix(in srgb,var(--a) 12%,transparent) 28%,rgba(255,255,255,.5) 55%)!important}
html body.home-page section:is(.section,#z#z#z) :is(#homepage-suite,#z#z#z#z) .product-card,html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z) .product-card{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 28%,transparent) 0%,color-mix(in srgb,var(--a) 12%,transparent) 28%,rgba(255,255,255,.5) 55%)!important}
/* v9: clean solid white + product-colour top bar (no gradient wash, no moving border) */
html body.home-page section:is(.section,#z#z#z) :is(#homepage-suite,#z#z#z#z) .product-card,html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z#z) .product-card{background:#fff!important;backdrop-filter:none!important;border:1px solid #e6e8f0!important;border-radius:18px!important;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -18px rgba(15,23,42,.22)!important}
html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z#z) .product-card::after{animation:none!important;padding:0!important;inset:0 0 auto 0!important;bottom:auto!important;height:4px!important;border-radius:0!important;background:var(--a)!important;-webkit-mask:none!important;mask:none!important}
html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z#z) .product-card:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--a) 35%,#e6e8f0)!important;box-shadow:0 2px 4px rgba(15,23,42,.05),0 24px 48px -20px color-mix(in srgb,var(--a) 45%,transparent)!important}
html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z#z) .product-card:hover::after{height:5px!important}
html body.home-page :is(#homepage-suite,#z#z#z#z#z#z#z#z#z#z) .product-card::before{background:none!important;box-shadow:none!important;filter:none!important}
