/* Flat artwork stays in its own column beside the live search controls. */
@media (min-width:761px) {
  body.sac-2027-public.sac-2027-home .sac-home-hero-inner {
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:36px;
  }
  body.sac-2027-public.sac-2027-home .sac-hero-copy { min-width:0; }
  body.sac-2027-public.sac-2027-home .sac-hero-art {
    position:relative;display:flex;align-items:center;justify-content:center;
    align-self:stretch;min-width:0;width:100%;height:100%;overflow:hidden;
    isolation:isolate;pointer-events:none;
  }
  body.sac-2027-public.sac-2027-home .sac-hero-art>img {
    position:static;inset:auto;display:block;width:100%;height:100%;
    max-width:100%;max-height:100%;margin:0;padding:12px 0;
    object-fit:contain;object-position:center;transform:none;filter:none;
  }
}
@media (min-width:761px) and (max-width:1079px) {
  body.sac-2027-public.sac-2027-home .sac-home-hero-inner {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;
  }
}
@media (max-width:760px) {
  body.sac-2027-public.sac-2027-home .sac-hero-art {display:none;}
}
/* Rich purple recalls the original homepage banner. */
body.sac-2027-public #page.sac-home>.sac-home-hero {
  background:radial-gradient(ellipse at 75% 45%,#8228dc55,transparent 62%),linear-gradient(110deg,#1d0647 0%,#350866 35%,#4b0b82 72%,#601398 100%);
}
/* Keep the existing animated grid from site-2027.css visible. */
body.sac-2027-public #page.sac-home>.sac-home-hero::before {opacity:.35;}
/* Keep catalog size beside Trustpilot in one compact row. */
body.sac-2027-public.sac-2027-home .sac-hero-proof {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>a {
  position:static;display:inline-flex;align-items:center;gap:8px;width:max-content;
  margin:0;padding:5px 10px;border:1px solid #dfd2ed;border-radius:7px;
  background:#fff;color:#252331;font-size:12px;font-weight:500;line-height:1.2;
  text-decoration:none;box-shadow:none;white-space:nowrap;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>a svg {
  width:17px;height:17px;flex:none;color:#00a878;
}
/* A raised gold catalog button beside Trustpilot. */
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count {
  border-color:#e3ad36;
  background:linear-gradient(180deg,#ffe7a0 0%,#f8cf65 48%,#edb83f 100%);
  color:#503309;font-weight:600;
  box-shadow:0 3px 0 #a96a15,0 5px 8px #17052f30,inset 0 1px 0 #fff3c9;
  text-shadow:0 1px 0 #ffffff50;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count svg {color:#75500e}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count:hover {
  border-color:#dda12c;background:linear-gradient(180deg,#ffedb4 0%,#ffda79 48%,#f3c34e 100%);
  color:#503309;transform:translateY(-1px);
  box-shadow:0 4px 0 #a96a15,0 6px 10px #17052f35,inset 0 1px 0 #fff5d4;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count:active {
  transform:translateY(2px);
  box-shadow:0 1px 0 #a96a15,0 2px 4px #17052f25,inset 0 1px 0 #fff3c9;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count:focus-visible {
  outline:2px solid #ffdc75;outline-offset:5px;
}
@media(prefers-reduced-motion:reduce) {
  body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-code-count {transition:none}
}
body.sac-2027-public.sac-2027-home .sac-hero-proof strong {font-weight:700}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating strong {margin-left:7px}
body.sac-2027-public.sac-2027-home .sac-hero-proof>a:hover {border-color:#ac88d3;background:#faf7ff}
body.sac-2027-public.sac-2027-home .sac-hero-proof>a:focus-visible {outline:2px solid #7017d9;outline-offset:2px}
/* Search actions have no raised edge, inset shadow, or hover movement. */
body.sac-2027-public.sac-2027-home .sac-hero-search,
body.sac-2027-public.sac-2027-home .sac-hero-search>button,
body.sac-2027-public.sac-2027-home .sac-hero-search>button:is(:hover,:active,:focus,:focus-visible) {
  box-shadow:none!important;text-shadow:none!important;filter:none!important;transform:none!important;
}
body.sac-2027-public.sac-2027-home .sac-hero-search>button:focus-visible {outline:2px solid #7017d9;outline-offset:2px}
@media(max-width:760px) {
  body.sac-2027-public.sac-2027-home .sac-hero-proof {position:relative;top:auto;left:auto;margin:14px 0 4px;z-index:3;gap:8px;row-gap:10px}
  body.sac-2027-public #page.sac-home>.sac-home-categories{padding-top:0!important}
  body.sac-2027-public.sac-2027-home .sac-hero-proof>a {font-size:11px;padding:5px 8px;gap:6px}
}
/* A smaller headline balances the compact hero. */
body.sac-2027-public.sac-2027-home .sac-hero-title {
  font-size:clamp(26px,2.2vw,34px);line-height:1.16;letter-spacing:-.9px;color:#fff;
}
@media(max-width:1079px) {
  body.sac-2027-public.sac-2027-home .sac-hero-title {font-size:28px}
}
@media(max-width:760px) {
  body.sac-2027-public.sac-2027-home .sac-hero-title {font-size:27px;letter-spacing:-.6px}
}
body.sac-2027-public.sac-2027-home .sac-hero-title span {color:#dcc3ff}
/* Faint source code and binary connect the copy with the product previews. */
body.sac-2027-public.sac-2027-home .sac-hero-code-field {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  z-index:0;pointer-events:none;overflow:hidden;
}
body.sac-2027-public.sac-2027-home .sac-hero-art {z-index:1}
.sac-hero-code-field text {
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px;letter-spacing:2px;fill:#d9b9ff;
}
.sac-hero-code-field .sac-binary {opacity:.23}
.sac-hero-code-field .sac-source {opacity:.19;letter-spacing:.6px}
@media(max-width:760px) {
  body.sac-2027-public.sac-2027-home .sac-hero-code-field {display:none}
}

/* Carry the grid through both sides of the richer purple banner. */
body.sac-2027-public #page.sac-home>.sac-home-hero::after {
  mask-image:none;-webkit-mask-image:none;opacity:.18;
  background-image:linear-gradient(#ffffff80 1px,transparent 1px),linear-gradient(90deg,#ffffff80 1px,transparent 1px);
}

/* More breathing room beneath the badges before the category navigation. */
@media(min-width:761px){
  body.sac-2027-public #page.sac-home>.sac-home-hero{padding-bottom:8px!important}
}

/* Raised Trustpilot badge beside the gold catalog counter. */
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating{
  border-color:#b9dccc;background:linear-gradient(180deg,#fff,#eef9f3);color:#252331;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #7aaf95,0 5px 8px #17052f26;
  transition:background .15s ease,box-shadow .15s ease,transform .15s ease;
}
@media(hover:hover){
  body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating:hover{
    border-color:#9fceb6;background:linear-gradient(180deg,#fff,#e2f5eb);
    transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #6ba489,0 6px 9px #17052f2b;
  }
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating:active{
  transform:translateY(2px);box-shadow:inset 0 1px 2px #195d3820,0 1px 0 #7aaf95,0 2px 4px #17052f1c;
}
body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating:focus-visible{outline:2px solid #00a878;outline-offset:5px}
@media(prefers-reduced-motion:reduce){body.sac-2027-public.sac-2027-home .sac-hero-proof>.sac-hero-rating{transition:none}}