/* SpinOut U V16.3.45 — Inspiration Gateway
   Compact editorial taxonomy inspired by best-in-class marketplace browsing,
   while preserving SpinOut U's opportunity-composition logic. */
.inspiration-gateway{
  background:#f7f7f6;
  border-top:1px solid #ececeb;
  border-bottom:1px solid #ececeb;
  padding:62px 0 58px;
  color:#222;
}
.inspiration-gateway .shell{max-width:1600px}
.inspiration-gateway-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:28px;
}
.inspiration-gateway-head>div{max-width:920px}
.inspiration-gateway-head>div>span{
  display:block;
  margin-bottom:9px;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#1769e0;
}
.inspiration-gateway-head h2{
  margin:0;
  font-size:clamp(28px,2.2vw,38px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:700;
  color:#242126;
}
.inspiration-gateway-head p{
  margin:12px 0 0;
  max-width:860px;
  color:#6b696b;
  font-size:16px;
  line-height:1.55;
}
.inspiration-gateway-head>a{
  flex:0 0 auto;
  color:#222;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  padding:10px 0;
  white-space:nowrap;
}
.inspiration-gateway-head>a:hover{text-decoration:underline}
.inspiration-gateway-tabs{
  display:flex;
  gap:34px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  border-bottom:1px solid #d8d8d6;
  margin-bottom:30px;
}
.inspiration-gateway-tabs::-webkit-scrollbar{display:none}
.inspiration-gateway-tabs button{
  position:relative;
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#696769;
  padding:0 0 15px;
  margin:0;
  font:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
}
.inspiration-gateway-tabs button:hover{color:#252325}
.inspiration-gateway-tabs button.active,
.inspiration-gateway-tabs button[aria-selected="true"]{color:#242126;font-weight:700}
.inspiration-gateway-tabs button.active::after,
.inspiration-gateway-tabs button[aria-selected="true"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  border-radius:999px 999px 0 0;
  background:#242126;
}
.inspiration-gateway-panel{display:none}
.inspiration-gateway-panel.active{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  column-gap:42px;
  row-gap:30px;
}
.inspiration-gateway-item{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  min-width:0;
  text-align:left;
  cursor:pointer;
  color:#242126;
}
.inspiration-gateway-item strong{
  display:block;
  margin:0 0 4px;
  color:#242126;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.01em;
}
.inspiration-gateway-item span{
  display:block;
  color:#777477;
  font-size:13px;
  line-height:1.35;
}
.inspiration-gateway-item:hover strong{text-decoration:underline;text-underline-offset:3px}
.inspiration-gateway-item:focus-visible{
  outline:2px solid #1769e0;
  outline-offset:6px;
  border-radius:4px;
}
.inspiration-gateway-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid #e1e1df;
}
.inspiration-gateway-foot span{
  color:#777477;
  font-size:13px;
  line-height:1.4;
}
.inspiration-gateway-foot button{
  border:0;
  background:transparent;
  color:#222;
  padding:8px 0;
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.inspiration-gateway-foot button:hover{text-decoration:underline}

@media (max-width:1200px){
  .inspiration-gateway-panel.active{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}
}
@media (max-width:800px){
  .inspiration-gateway{padding:42px 0 38px}
  .inspiration-gateway-head{align-items:flex-start;margin-bottom:22px}
  .inspiration-gateway-head>a{display:none}
  .inspiration-gateway-head h2{font-size:29px}
  .inspiration-gateway-head p{font-size:15px;line-height:1.48}
  .inspiration-gateway-tabs{gap:26px;margin-right:-20px;margin-bottom:26px;padding-right:20px}
  .inspiration-gateway-tabs button{font-size:14px;padding-bottom:13px}
  .inspiration-gateway-panel.active{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:26px}
  .inspiration-gateway-item strong{font-size:14px}
  .inspiration-gateway-item span{font-size:12.5px}
  .inspiration-gateway-foot{align-items:flex-start;flex-direction:column;gap:10px;margin-top:28px}
}
@media (max-width:460px){
  .inspiration-gateway{padding:38px 0 34px}
  .inspiration-gateway-head h2{font-size:27px}
  .inspiration-gateway-head p{max-width:94%;font-size:14px}
  .inspiration-gateway-panel.active{column-gap:18px;row-gap:24px}
  .inspiration-gateway-item strong{font-size:13.5px;line-height:1.28}
  .inspiration-gateway-item span{font-size:12px;line-height:1.35}
}


/* V16.3.46 — make Inspiration Gateway configuration CTAs visibly actionable on desktop */
.home-configurator.is-config-attention{
  box-shadow:0 0 0 2px rgba(23,105,224,.18),0 12px 32px rgba(20,30,45,.16)!important;
  transition:box-shadow .22s ease!important;
}
@media (prefers-reduced-motion:reduce){.home-configurator.is-config-attention{transition:none!important}}